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

DavidBam DavidBam 30 aprile 2020, 09:47
buy cheap cialis profile https://www.sildwithdoctorprescription.com order viagra online legal
SueWhart SueWhart 30 aprile 2020, 11:11
<a href="https://priligydapoxetin.com/">buy priligy</a> <a href="https://avanafill.com/">buy avana 200 mg</a> <a href="https://amoxicillincap.com/">best price for amoxicillin</a> <a href="https://flagylmed.com/">buy flagyl cheap</a> <a href="https://trentalpentoxifylline.com/">trental 400 order online india</a> <a href="https://yasmindrospirenone.com/">buy yasmin</a> <a href="https://sumycintet.com/">sumycin online</a> <a href="https://flomaxtamsulosin.com/">flomax 0.4 mg cap</a> <a href="https://neurontingabapentin.com/">neurontin price</a> <a href="https://benicar365.com/">generic for benicar hct</a>
anceltY anceltY 30 aprile 2020, 11:32
how to cut a cialis pill in half https://www.sildwithdoctorprescription.com viagra sale edmonton
AlvinDaH AlvinDaH 30 aprile 2020, 11:47
generic viagra india <a href=" https://www.sildwithdoctorprescription.com ">viagra without a doctor prescription</a> cialis to buy us <a href=https://www.sildwithdoctorprescription.com>real viagra without a doctor prescription</a> viagra professional pills
JoeWhart JoeWhart 30 aprile 2020, 12:55
DavidBam DavidBam 30 aprile 2020, 13:23
cheap viagra uk next day delivery https://www.sildwithdoctorprescription.com buy cialis professional online
MiaWhart MiaWhart 30 aprile 2020, 13:40
<a href="https://dipyridamol.com/">buy dipyridamole</a> <a href="https://lopressormetoprolol.com/">lopressor 50 mg daily</a> <a href="https://flomaxtamsulosin.com/">buy flomax</a> <a href="https://kamagratab.com/">buy kamagra</a> <a href="https://allopurinolmed.com/">allopurinol generic</a>
anceltY anceltY 30 aprile 2020, 14:24
buy levitra with no prescription <a href=" https://www.sildwithdoctorprescription.com ">viagra without a doctor prescription 150 mg</a> buy viagra paypal
AshWhart AshWhart 30 aprile 2020, 14:25
<a href="http://flagylmed.com/">where to buy flagyl</a> <a href="http://priligydapoxetin.com/">priligy canada where to buy</a> <a href="http://avanafill.com/">164 avana</a> <a href="http://amoxicillincap.com/">can you buy amoxicillin online no prescription</a>
BooWhart BooWhart 30 aprile 2020, 15:30
<a href="http://cephalexinkeflex.com/">cephalexin 250 capsule</a> <a href="http://avanafill.com/">avana 200 mg</a> <a href="http://effexorsr.com/">effexor discount</a> <a href="http://flagylmed.com/">buy flagyl</a> <a href="http://sumycintet.com/">sumycin 250 mg</a> <a href="http://zovirax24.com/">over the counter zovirax</a> <a href="http://amoxicillincap.com/">amoxicillin 500mg cost uk</a>
Commenta

* - campo obbligatorio

*




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