{"id":1450,"date":"2012-09-20T06:30:56","date_gmt":"2012-09-20T04:30:56","guid":{"rendered":"http:\/\/www.manuelmarangoni.it\/sir-bit\/?p=1450"},"modified":"2016-02-12T12:13:22","modified_gmt":"2016-02-12T11:13:22","slug":"php-ridimensionare-le-immagini-con-smartimage","status":"publish","type":"post","link":"https:\/\/www.manuelmarangoni.it\/sir-bit\/1450\/php-ridimensionare-le-immagini-con-smartimage\/","title":{"rendered":"PHP – Ridimensionare le immagini con SmartImage"},"content":{"rendered":"

Le immagini sono un elemento fondamentale del layout di un sito. Su questo non ci sono dubbi.
\nFinch\u00e9 dobbiamo gestirle noi, in qualit\u00e0 di programmatori, i problemi si riducono al minimo: creiamo le immagini, le ritagliamo come si deve e le mettiamo online.<\/p>\n

Ma cosa fare quando l’upload delle immagini \u00e8 lasciato all’utente e si ha la necessit\u00e0 di ridimensionarle al volo<\/strong>?
\nVi sar\u00e0 capitato centinaia di volte di spiegare all’utente che le immagini vanno caricate \u00abentro una certa dimensione\u00bb e di ritrovarvi, poi, a gestire immagini sproporzionate.
\nFortunatamente esistono degli script gi\u00e0 pronti che si occupano per noi di questi problemi – e lo fanno in modo eccellente, lasciandoci una buona libert\u00e0 di azione e di personalizzazione. Sto parlando nello specifico di SmartImage<\/em>, una classe integrabile nei nostri siti internet.<\/p>\n

La sua gestione non \u00e8 proprio immediata, ma \u00e8 solo questione di prenderci le misure. Ne faccio uso da diverso tempo e, ve l’assicuro, una volta capito il meccanismo non vorrete pi\u00f9 abbandonarla.
\nSmartImage<\/em> \u00e8 scaricabile gratuitamente online<\/strong> (per esempio a questo indirizzo<\/a>). Troverete comunque la classe completa nel file zip qui sotto, nel quale avrete a disposizione tra l’altro un esempio di utilizzo.<\/p>\n

In un altro articolo<\/a> faremo un passo avanti e vedremo come ritagliare delle immagini su misura (sempre con SmartImage).<\/p>\n

Scaricatevi lo zip, quindi procedete con la lettura. Vediamo qualche operazione elementare, e cio\u00e8 come ridimensionare al volo un’immagine di cui si \u00e8 fatto l’upload.
\nLa versione a cui faccio riferimento \u00e8 SmartImage 0.8.9<\/em>. Al momento la classe \u00e8 arrivata alla versione 0.9.6, ma le funzionalit\u00e0 di base restano le stesse.
\n<\/p>\n\n

Download script<\/h2>\n
\n
\"[PHP]<\/div>\n
Pagina diretta alla scheda e al download del codice<\/a><\/strong><\/div>\n <\/div>\n
<\/div>\n

L’uso della classe: ritagliare con o senza proporzioni<\/h2>\n

Poniamo che l’utente abbia fatto l’upload di un’immagine da un form, usando un comune campo input di tipo “file”. Il suo nome, passato poi nel post, \u00e8 “foto”.<\/p>\n

I commenti dovrebbero essere abbastanza chiari da capire il procedimento.
\nIn parole brevi, creiamo l’oggetto $img<\/code> con il quale potremmo richiamare le funzioni interne alla classe.<\/p>\n

La funzione resize()<\/code> si occupa di ridimensionare<\/strong> l’immagine passata. Nella sua forma base vi basta inserire larghezza e altezza. Il terzo parametro (non obbligatorio) se impostato a “true” indica di ritagliare effettivamente l’immagine alle dimensioni impostate. Se invece \u00e8 impostata a “false” (o lasciato vuoto) ridimensiona l’immagine senza perdere informazioni..<\/p>\n

La funzione saveImage()<\/code> specifica dove salvare<\/strong> la nuova immagine ridimensionata e con quale nome. Un eventuale secondo parametro permette di specificare la percentuale di risoluzione rispetto all’originale.<\/p>\n\n

\n\n\n\n
\n
1\r\n2\r\n3\r\n4\r\n5\r\n6\r\n7\r\n8\r\n9\r\n10\r\n11\r\n12\r\n13\r\n14\r\n15\r\n16\r\n17\r\n18\r\n19\r\n20\r\n21\r\n22\r\n23\r\n24<\/pre>\n<\/td>\n
\n
if<\/span>(<\/span>isset<\/span>(<\/span>$_FILES<\/span>[<\/span>'foto'<\/span>]<\/span>[<\/span>'name'<\/span>]<\/span>)<\/span> and $_FILES<\/span>[<\/span>'foto'<\/span>]<\/span>[<\/span>'name'<\/span>]<\/span>!=<\/span>\"\"<\/span>)<\/span>{<\/span>\r\n\r\n\tinclude<\/span>(<\/span>\"SmartImage089\/SmartImage.class.php\"<\/span>)<\/span>;<\/span> \/\/importo la classe di smartimage<\/span>\r\n\t$upload_dir<\/span>=<\/span>\"img\"<\/span>;<\/span> \/\/cartella dove salvare le immagini<\/span>\r\n\r\n\t\/\/tolgo dal nome file i caratteri non consentiti<\/span>\r\n\t$arr<\/span>=<\/span>array<\/span>(<\/span>)<\/span>;<\/span>\r\n\t$arr<\/span>[<\/span>]<\/span>=<\/span>\"'\"<\/span>;<\/span>\r\n\t$arr<\/span>[<\/span>]<\/span>=<\/span>\"\\\\<\/span>\"<\/span>;<\/span>\r\n\t$file_name<\/span>=.<\/span>str_replace<\/span>(<\/span>$arr<\/span>,<\/span> \"\"<\/span>,<\/span> $_FILES<\/span>[<\/span>'foto'<\/span>]<\/span>[<\/span>'name'<\/span>]<\/span>)<\/span>;<\/span>\r\n\t$file_name<\/span>=<\/span>str_replace<\/span>(<\/span>\".jpg\"<\/span>,<\/span> \"\"<\/span>,<\/span> $file_name<\/span>)<\/span>;<\/span>\r\n\r\n\t\/\/Ridimensionare un'immagine mantenendo le proporzioni e ottimizzando la risoluzione all'85%<\/span>\r\n\t$img<\/span>=<\/span>new<\/span> SmartImage(<\/span>$_FILES<\/span>[<\/span>\"foto\"<\/span>]<\/span>[<\/span>\"tmp_name\"<\/span>]<\/span>)<\/span>;<\/span>\r\n\t$img<\/span>-><\/span>resize<\/span>(<\/span>100<\/span>,<\/span> 90<\/span>)<\/span>;<\/span>\r\n\t$img<\/span>-><\/span>saveImage<\/span>(<\/span>$upload_dir<\/span>.<\/span>\"\/\"<\/span>.<\/span>$file_name<\/span>.<\/span>\"-proporzionata.jpg\"<\/span>)<\/span>;<\/span>\r\n\r\n\t\/\/Esempio pi\u00f9 avanzato:<\/span>\r\n\t\/\/ridimensionare un'immagine tagliandola alle dimensioni esatte (50x50 px) e ottimizzando la risoluzione all'85%<\/span>\r\n\t$img<\/span>=<\/span>new<\/span> SmartImage(<\/span>$_FILES<\/span>[<\/span>\"foto\"<\/span>]<\/span>[<\/span>\"tmp_name\"<\/span>]<\/span>)<\/span>;<\/span>\r\n\t$img<\/span>-><\/span>resize<\/span>(<\/span>50<\/span>,<\/span> 50<\/span>,<\/span> true<\/span>)<\/span>;<\/span>\r\n\t$img<\/span>-><\/span>saveImage<\/span>(<\/span>$upload_dir<\/span>.<\/span>\"\/\"<\/span>.<\/span>$file_name<\/span>.<\/span>\"-ritagliata.jpg\"<\/span>,<\/span> 85<\/span>)<\/span>;<\/span>\t\r\n\r\n}<\/span><\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
Adesso che avete a disposizioni le basi per l’uso di SmartImage, per esigenze pi\u00f9 specifiche potete dare un’occhiata alla pagina<\/a> citata a inizio articolo.<\/p>\n","protected":false},"excerpt":{"rendered":"
Una classe in php che permette di gestire e ridimensionare le immagini in modo automatico. E’ possibile scegliere se mantenere le proporzioni o ritagliarla.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[78],"tags":[4,43,6,25],"class_list":["post-1450","post","type-post","status-publish","format-standard","hentry","category-php-mysql","tag-php","tag-risorse","tag-script","tag-strumenti-per-web","cat-78-id"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/posts\/1450"}],"collection":[{"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/comments?post=1450"}],"version-history":[{"count":12,"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/posts\/1450\/revisions"}],"predecessor-version":[{"id":2398,"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/posts\/1450\/revisions\/2398"}],"wp:attachment":[{"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/media?parent=1450"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/categories?post=1450"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/tags?post=1450"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}