Ridimensionare le immagini ritagliandole

21.02.2012

Oggi va di moda usare immagini quadrata (pensate a flickr).
Alla domanda: mi serve un'immagine quadrata da un'immagine non quadrata, ho subito pensato questo è matto.

Ma poi mi sono fatto spiegare: l'obiettivo era tagliare un'immagine prestabilita a partire da una qualsiasi. 

Se ho un'immagine landscape 800x200 e voglio un'immagine 150x150 dovrò ridurre l'altezza a 150 pixel e poi tagliare a partire dal centro la larghezza in modo da ottenere l'immagine finale.

Se, invece, ho un'immagine portait 500x300 e voglio sempre lo stesso quadrato 150x150, dovrò ridurre la larghezza a 150 pixel e poi tagliare l'altezza, sempre centrandola fino ad ottenere l'immagine finale.

Devo dire che non avevo mai usato TYPO3 per fare una cosa del genere, ma anche se male documentata, il typoscript ci viene in aiuto.



In questa foto si può vedere l'area che verrà tagliata a partire dall'immagine originale.

A seguire invece quello che succede se l'immagine è di tipo landscape.



Per ottenere questo risultato sono bastate pochissime righe di typoscript.

page.10 = IMAGE
page.10.file = pathToImage
page.10.file.width = 150c
page.10.file.height = 150c

La lettera c alla fine del numero indica che quella dimensione può essere tagliata, se vengono messe entrambe, la più piccola definire la dimensione del ridimensionamento, mentre l'altra verrà tagliata.

TYPO3 permette di definire anche lo spostamento rispetto al centro che avrà l'immagine tagliata. Normalmente il taglio parte sempre dal centro, mettendo dopo la "c" il segno e un numero tra 0 e 100 si specifica in percentuale quanto ci si vuol spostare rispetto al centro.

page.10.file.width = 150c+30

Significa di tagliare l'immagine fino a 150 pixel partendo un 30% a destra del centro.

Ed il risultato è ottenuto!

Con TYPO3 si può!



Categoria: TYPO3, Tutorial

RylvelM RylvelM 10 febbraio 2018, 23:12
Tamsulosin 400 Mg Without Prescription Kamagra Venta <a href=http://cialicost.com>cialis</a> Viagra Kaufen Ohne Visa
LarInsest LarInsest 19 aprile 2018, 23:05
Buy Cialis Generic Online <a href=http://cialicheap.com>cheap cialis online</a> Cialis Dolor Abdominal
Matplaync Matplaync 13 luglio 2018, 21:25
Cialis Generico Dove <a href=http://cialicheap.com>cialis from canada</a> Propecia Vente Canada Cash On Delivery Bentyl Macrobid Bacterial Infections. Macrobid Drugs
Commenta

* - campo obbligatorio

*




Immagine CAPTCHA per prevenire lo SPAM
Se non riesci a leggere la parola, clicca qui.
*
*