Document Actions

Manipolare le immagini in Plone

Note: Return to tutorial view.

Breve recensione su un nuovo prodotto per Plone (ATImageEditor) che consente di modificare direttamente dal browser le immagini caricate!

Introduzione

Cosa possiamo fare con Plone e ATImageEditor?

Grazie al prodotto ATImageEditor è possibile fare piccole modifiche o correzioni sulle immagini caricate in Plone direttamente dal browser, quindi per un semplice ridimensionamento, taglio o rotazione di un'immagine non sarà più necessario scaricarla, modificarla con un programma di elaborazione immagini e ricaricarli nuovamente.

Le operazioni supportate sono:

  • rotazione (rotate right/left)
  • specchio (flip horizontally/vertically)
  • ridimensionamento (resize)
  • taglio (crop)

ATImageEditor è open source, liberamente scaricabile ed installabile in Plone (per versioni successive alla 3) ed è basato sulla libreria KSS.

Dipendenze

  • Plone (versione >=3)
  • PIL e libjpeg

 

 

Installare ATImageEditor

Come installare ATImageEditor

Il modo più semplice per installare ATImageEditor è modificare la configurazione del buildout e includere la seguente python egg: uwosh.ATImageEditor.

Quindi:

  • aggiungere nel proprio buildout.cfg uwosh.ATImageEditor nella variabile eggs della sezione [buildout] e nella variabile zcml contenuta nella sezione [instance]
  • rilanciare il buildout (./bin/buildout)

Una volta fatto ripartire l'istanza di Zope, il nuovo prodotto si installa come di consueto (Configurazione del sito -> Prodotti aggiuntivi).

 

Come usare ATImageEditor

Utilizzare ATImageEditor è veramente semplice ed immediato... vediamo come modificare le nostre immagini in Plone, utilizzando solo il proprio browser!

Una volta installato il prodotto possiamo caricare una nuova immagine in Plone oppure utilizzarne una esistente.

Questo prodotto di default aggiunge un tab chiamato Visual Transform su tutte le immagini.

Cliccando su questo tab accediamo all'interfaccia AJAX di gestione delle immagini.

In questo caso, come mostrato nella figura, abbiamo fatto il resize di un'immagine molto grande e poi abbiamo selezionato l'area da tagliare. 

Cliccando su Save si ottiene come risultato un sotto riquadro dell'immagine che abbiamo precedentemente ridimensionato.

Versioni utilizzate

  • ATImageEditor, 0.1rc1
  • Plone 3.0.6