Le API di PicNik: esempi pratici 18/11/07

Avevo parlato abbastanza dettagliatamente di PicNik alla sua uscita ma mi ero dimenticato di segnalare la presenza delle API per sfruttare il servizio anche "fuori" dal contesto originario... diciamo che recupero oggi; ricordo che PicNik è un servizio dedicato all' editing di immagini online e via browser e, lo devo confessare, funziona alla grande...

» continua

In questo post voglio riportarvi alcuni esempi pratici di funzionamento delle API, solo per evidenziare la loro semplicità e anche per capire che tipo di utilizzo se ne possa fare concretamente; per maggiori dettagli consultate la pagina dedicata e date un occhiata ai tutorial. Bene, possiamo iniziare.

La prima cosa di cui avete bisogno è una API key che potete ottenere semplicemente richiedendola a questo indirizzo (è necessaria la registrazione a PicNik); dovrete specificare il dominio nel quale utilizzerete il servizio e, nel caso lo vogliate, richiedere altre API keys (una per ogni dominio).

A questo punto possiamo da subito eseguire alcune operazioni di base; in questo post vediamo come inviare un' immagine all' editor semplicemente utilizzando alcuni parametri URL e come inserire un form che permetta agli utenti di caricare ed editare direttamente un immagine del loro computer.

Il primo esempio è semplicissimo, cliccate sull' immagine sotto, verrete reindirizzati nell' editor che a sua volta caricherà la stessa immagine:

Il codice necessario è questo (da inserire ovviamente <a href="qui"...):

http://www.picnik.com/service/?_import=http%3A//example.com/image.jpg&_apikey=YourApiKey

Si tratta solo di inserire alcuni parametri nel nostro URL (in grassetto le parti da personalizzare con il proprio percorso e API key).

Vediamo adesso qualcosa di più interessante; inseriamo un form dal quale ogni utente potrà caricare un immagine dal suo hard disk ed editarla in PicNik; qualcosa tipo questo:

E questo è il codice relativo:

<form method="post" action="http://www.picnik.com/service/" enctype='multipart/form-data'>
<input type="hidden" name="_import" value="image_file" />
<input type="file" name="image_file" size="30" ><br/>
<input type="submit" value="Upload this image"/>
<input type="hidden" name="_apikey" value="YourApiKey" />
</form>

Rispetto a questo esempio dovete inserire solo la vostra API key.

Concludo con una piccola nota, se volete importante: non ho ben chiaro un campo di applicazione (certo, ci sono gia alcuni esempi, ma non mi sembra niente di trascendentale); considerando però il supporto quasi completo di tutte le funzionalità del servizio e la possibilità di "far girare" il tutto sul proprio sito qualcosa ci deve essere...

Picnik: editor immagini #2 08/05/07

Vi avevo segnalato in questo breve post questo utilissimo tool: Picnik, applicazione dedicata all' editing e salvataggio di immagini da browser; torno sull' argomento perchè ho notato una piccola novità nella home che in realtà nasconde una vera e propria chicca.

Una volta registrati potete installare un estensione per Firefox (anche per IE) che renderà la cattura di immagini e schermate del browser un gioco da ragazzi...

» continua

Prima cosa, dopo la registrazione, installate l' estensione per Firefox (versione 1.5 ma è richiesta la 2.0 per alcune operazioni tipo lo screenshot di pagine web) che trovate in questa pagina.

Ora, ogni qual volta abbiate necessità di salvare/editare qualsiasi immagine passi dal browser, basterà spostare il cursore del mouse sull' immagine e cliccare il tasto destro.

Selezionando Edit Image in Picnik (come nella foto), verrete reindirizzati nella pagina di login ed effettuato l' accesso potrete "lavorare" la vostra immagine a vostro piacere... ma il bello deve ancora arrivare...

Se volete salvare uno screenshot di una pagina web potrete farlo direttamente dal browser e potrete decidere se salvare solo la parte visualizzata nella finestra o (bellissimo) l' intero documento

Anche qui tasto destro e poi Send Page to Picnik: Visible Page per "fotografare" solo la porzione di pagina visualizzata o Full Page per lo screenshot del documento intero, facile, veloce e utilissimo.

Non mi dilungo sugli strumenti a disposizione una volta entrati nell' applicazione; ci sono tutte le funzionalità di un editor di immagini (certo non è Photoshop) come ridimensionamento, selezione di porzioni, ottimizzazione colori, contrasto ed alcuni filtri di base (seppia, scala di grigi ed altri - non manca nemmeno un "arrotondatore" di angoli o la possibilità di creare un bordo colorato).

Certo non è uno strumento paragonabile ad un software professionale, ma l' utilità (ad esempio se vogliamo pubblicare immagini sul blog) è fuori discussione e considerando che è gratuito un test lo merita sicuramente.

Web editor per le tue foto 25/04/07

Ecco uno strumento utilissimo per editare le immagini direttamente dal browser: picnik è un 'applicazione molto ben realizzata (e molto trendy) che grazie ad una semplicissima interfaccia vi fornirà le principali utilità/strumenti per elaborare immagini e foto di ogni tipo.

Se invece volete solo ridimensionare una foto vi consiglio di utilizzare Shrink Pictures, spartano ma assolutamente efficace.