Come ridimensionare e ritagliare le foto per il tuo sito web con Pixlr
Come sono riuscito finalmente a ridimensionare e ritagliare le mie foto per il sito web usando Pixelr
Onestamente, ottenere immagini decenti sul proprio sito può essere una vera impresa, soprattutto se si cerca di farlo velocemente senza l’ausilio di Photoshop o Lightroom. Mi sono imbattuto in Pixelr più o meno per caso, e si è rivelato piuttosto semplice, anche se non privo di particolarità. Comunque, ecco cosa ha finalmente funzionato per me dopo un sacco di tentativi, e spero che possa essere d’aiuto a qualcun altro che è bloccato.
Per prima cosa, apri Pixelr e carica la tua immagine
Sono appena andato su pixelr.com.È uno strumento web, quindi non richiede installazioni, per fortuna. Basta aprire il sito e, nella pagina principale, c’è un’opzione per caricare la foto. Ci ho messo un po’ a trovare il pulsante giusto: a volte è una grande icona “+”, a volte un’area “Trascina l’immagine qui”, a seconda della versione visualizzata, ma cerca l’opzione “Apri immagine”.Cliccaci sopra e seleziona il file. Attenzione, l’interfaccia può essere caotica o un po’ confusionaria se non ci si è abituati. La pazienza è fondamentale, perché è facile non accorgersi che il pulsante potrebbe essere nascosto, soprattutto su browser più vecchi o schermi più piccoli.
Ridimensionamento dell’immagine per il tuo sito web
Una volta caricata l’immagine, dovrai ridimensionarla per adattarla al layout del tuo sito. Vai alla barra dei menu in alto, trova “Immagine”, quindi scegli “Dimensione immagine”.È qui che ho sbagliato: mi sono assicurato che “Mantieni proporzioni” (o forse era scritto ” Mantieni proporzioni “) fosse selezionato, perché altrimenti la foto avrebbe avuto un aspetto completamente sbagliato, allungato o schiacciato, e questo non va bene. Ho impostato la larghezza a 1000 pixel; Pixelr regola automaticamente l’altezza in base alle proporzioni, il che è di grande aiuto. Se le dimensioni di destinazione sono diverse, modifica semplicemente la larghezza o l’altezza in seguito. Tieni presente che ridimensionare in questo modo mantiene la qualità originale, quindi che l’immagine sia grande o piccola, può fare la differenza.
Ritagliare le parti indesiderate con lo strumento di ritaglio
A volte ridimensionare non è sufficiente, soprattutto se si vuole mettere a fuoco una sezione specifica o eliminare sfondi che distraggono. Quindi, ho trovato lo strumento di ritaglio nella barra laterale sinistra (sembra un piccolo quadrato o rettangolo con due linee perpendicolari) e l’ho cliccato. Poi, ho trascinato la cornice sulla parte della foto che volevo conservare.È un po’ complicato, soprattutto se si cerca di ottenere un quadrato perfetto o un rapporto d’aspetto specifico, ma con un po’ di pratica, è fattibile.È possibile ridimensionare o spostare la cornice di ritaglio a seconda delle esigenze. Una volta ottenuto il risultato desiderato, premere “Ritaglia” in alto o confermare (qualunque opzione venga visualizzata) e la cornice dovrebbe ritagliarsi e stabilizzarsi. All’inizio sembra un po’ ruvido, ma dopo un paio di tentativi, ci si prende la mano.
Controllare e ridimensionare nuovamente se necessario
Dopo il ritaglio, torno a “Dimensioni immagine” per assicurarmi che tutto sia ancora conforme alle specifiche del mio sito. Il ritaglio a volte può alterare le proporzioni o dare un aspetto strano, quindi vale la pena ricontrollare. Se necessario, ho ridimensionato di nuovo, mantenendo la larghezza a 1000 pixel, ad esempio, per mantenere l’immagine veloce da caricare ma comunque di qualità decente. Se l’immagine appare pixelata o sfocata dopo il ridimensionamento, valuta la possibilità di ridurre leggermente la qualità di compressione o di riesportarla da un altro editor. Ma nel complesso, si tratta solo di bilanciare dimensioni, qualità e velocità di caricamento.
Infine, salvandolo per il web
Quando sei soddisfatto dell’aspetto, vai su “File” e poi su “Salva” o “Esporta”. Otterrai le opzioni per il formato: JPG o PNG. Per la maggior parte delle foto, il JPG funziona bene e puoi impostare il cursore della qualità intorno all’80-90% per mantenere le dimensioni del file gestibili ma mantenere una discreta nitidezza. Il PNG è migliore se l’immagine richiede trasparenza o linee nitide, come i loghi. Dopo aver scelto le impostazioni, assegna al file un nome chiaro in modo da poterlo trovare in seguito e salvalo in un posto facile da ricordare, come il desktop o una cartella “immagini”.Fai clic su “Scarica” quando richiesto e…boom, ecco la tua immagine pronta per il web. Ci ho messo un paio di tentativi per ottenere il risultato desiderato, ma ora ho un flusso di lavoro piuttosto solido.
Nel complesso, Pixelr è uno strumento valido una volta che ci si abitua alle sue peculiarità.È gratuito, funziona direttamente nel browser e non richiede installazioni software complesse. Per modifiche rapide come il ridimensionamento e il ritaglio, risparmia un sacco di grattacapi. Onestamente, ci ho messo molto più tempo di quanto ammetto per capirlo, soprattutto perché l’interfaccia inizialmente non è molto intuitiva. Ma una volta capito dove si trovava tutto, è diventato molto più facile produrre immagini di bell’aspetto per il sito web senza problemi.
Se hai difficoltà con le tue immagini, ricorda: ricontrolla le dimensioni, assicurati che l’opzione “Mantieni proporzioni” sia abilitata durante il ridimensionamento e ritaglia con cura. Inoltre, verifica l’immagine esportata per evitare sorprese di pixel o scarsa qualità online. In bocca al lupo, spero che questo aiuti a risparmiare a qualcun altro qualche ora frustrante!
Articoli correlati
Questo articolo è stato utile?