2 strumenti gratuiti per preparare le immagini per il Web [Mac]

Un modo per rendere più vivaci le tue parole è aggiungere immagini correlate al testo. Le immagini più e migliori che usi, più spie saranno le tue storie. Ma in termini di pagine Web e blog, più immagini uguagliano dimensioni di pagina più grandi e tempi di caricamento più lunghi - qualcosa che ogni proprietario del web dovrebbe evitare. Se eliminare le immagini non è un'opzione, l'unica cosa che resta da fare è ottimizzarle per il web.

Sfortunatamente, l'ottimizzazione delle immagini per l'uso del web non è sempre una passeggiata nel parco, specialmente se devi gestirle regolarmente. Se sei un utente Mac, ci sono diversi strumenti gratuiti che possono aiutarti a minimizzare il problema di preparare le immagini web.

Acquisire le immagini

Non andrò troppo lontano qui poiché l'argomento è già stato discusso più volte. Ci sono molti modi in cui puoi acquisire immagini per il web, dal prendere le tue foto usando una fotocamera digitale. Guida per principianti alla fotografia digitale Guida per principianti alla fotografia digitale La fotografia digitale è un grande hobby, ma può anche intimidire. Questa guida per principianti ti dirà tutto ciò che devi sapere per iniziare! Leggi altro, utilizzando le immagini concesse in licenza da Creative Commons, per acquisire immagini catturate sul tuo desktop.

Parlando di cattura dello schermo, ci sono diversi strumenti gratuiti per Mac 5 Strumenti di cattura schermo alternativi per il tuo Mac 5 Strumenti di cattura schermo alternativi per il tuo Mac Ulteriori informazioni che puoi utilizzare per questo scopo. Personalmente uso sia Jing How To Take A Better Screenshot Immagine con Jing (Mac) Come ottenere un'immagine migliore Screenshot con Jing (Mac) Leggi di più o Skitch.

Ridimensiona e rinomina usando ResizeMe

La maggior parte delle volte non si ottiene la dimensione delle immagini la prima volta: dimensione dell'immagine (pixel) o dimensione del file (byte).

La limitazione per la dimensione dell'immagine di solito viene dal punto di vista del design. Non dovresti inserire un'immagine di 600 pixel in una colonna del blog di 500 pixel. Uscirà dal confine e renderà l'aspetto brutto.

Per risolvere il problema dei pixel, puoi ritagliare o ridimensionare le immagini di grandi dimensioni. Ho trovato un ottimo strumento chiamato ResizeMe che può aiutarti a svolgere quei compiti, e molto altro ancora, alla rinfusa.

Usare ResizeMe è facile come trascinare e rilasciare le immagini che si desidera modificare nell'elenco dei file.

Scegli le azioni che vuoi applicare a quelle immagini. Nell'immagine qui sotto ho impostato l'azione per ridimensionare qualsiasi immagine più larga di 580 pixel senza modificare l'altezza. Ho anche impostato l'azione di non modificare alcuna immagine con una larghezza inferiore alla larghezza massima.

L'app consente inoltre agli utenti di ritagliare le immagini nella dimensione desiderata. Ritagliare immagini molto grandi in molte più piccole è favorevole rispetto al ridimensionamento, perché la maggior parte delle volte il ridimensionamento peggiora la qualità dell'immagine e rende l'immagine poco chiara.

Se usi più immagini per ogni articolo del blog che scrivi, sarebbe meglio se organizzassi il set aggiungendo parole chiave simili ai loro nomi. Ad esempio, è possibile rinominare le immagini per un articolo sugli strumenti di screenshot “scrnsht - image1“, “scrnsht - image2“, e così via.

È possibile utilizzare l'aiuto di Automator per rinominare in batch le immagini Come utilizzare Automator per rinominare le immagini in batch su Mac Come utilizzare Automator per rinominare le immagini in batch su Mac Ulteriori informazioni sul Mac o per un sistema di ridenominazione più flessibile è possibile provare un'utilità come NameChanger Batch Rinomina facilmente i tuoi file - Stile Mac (solo Mac) Batch Rinomina facilmente i tuoi file - Stile Mac (solo Mac) Ulteriori informazioni. Se non si desidera utilizzare altre applicazioni, ResizeMe viene fornito con una capacità di ridenominazione dei file. Basta scegliere una funzione dalla lista, controllare il “Rinominare” pulsante e annotare le istanze che si desidera rinominare.

Un altro ridimensionamento usando ImageOptim

Un altro fattore di dimensione che dobbiamo affrontare è la dimensione del file. Abbiamo bisogno di dimensioni dell'immagine più piccole pur mantenendo la qualità dell'immagine. La maggior parte dei manipolatori di immagini giganti hanno la capacità di rendere le immagini web pronte. Ma se tutto ciò di cui hai bisogno è comprimere la dimensione, potresti usare ImageOptim.

Simile a ResizeMe, anche l'uso di ImageOptim è semplice e semplice. Tutte le immagini che inserisci nell'app verranno automaticamente ottimizzate alla dimensione più piccola possibile senza sacrificare la qualità. Fa la magia trovando i migliori parametri di compressione e rimuovendo commenti e profili di colore non necessari.

La colonna percentuale ti dirà quanto l'app può essere gonfiata dalle immagini. Il perfezionista può usare il “Ancora” pulsante per aiutarli a spremere qualche altro per cento fuori dalle dimensioni dell'immagine. Puoi premere il pulsante più volte fino a quando la colonna percentuale mostra 0%.

Confrontando i risultati, possiamo vedere che ImageOptim fa bene il suo lavoro. A volte può eliminare più del 50% del peso dell'immagine.

Questo è prima di usare ImageOptim.

E questo è dopo.

Sebbene la cifra sia pari a solo pochi kilobyte di perdita di dimensione dell'immagine, quando si aggiunge tutto, quei piccoli kilobyte potrebbero significare qualcosa per le dimensioni e la larghezza di banda complessive del sito.

Quello che mi piace di questa app è che viene fornito con un flusso di lavoro. Se apri il flusso di lavoro con Automator e lo salvi, verrà trasformato in un servizio Mac. Dal momento che puoi assegnare scorciatoie ai servizi Come essere più produttivo su Mac con l'aiuto dei servizi Come essere più produttivo su Mac con l'aiuto dei servizi Leggi di più, puoi usare l'app più velocemente semplicemente selezionando le immagini per ottimizzare e premi il collegamento combinazione.

Dalla mia esperienza personale, posso dire che la combinazione di ResizeMe e ImageOptim mi ha aiutato a risparmiare molto del mio tempo nella preparazione delle immagini per l'uso web. Ma non fidarti della mia parola, prova tu stesso e condividi ciò che pensi nei commenti qui sotto. E se hai i tuoi preferiti, è anche libero di condividerli.

Scopri di più su: blog, editor di immagini, strumenti per i Webmaster.