Da questo pannello informativo è possibile visualizzare il file immagine (grapes-file-information.png) è 2.000 px di larghezza per 501px di altezza, ed è 120KB

Dimensions-Physical size

Per la maggior parte dei siti web, assicurati che il tuo file non sia più largo della larghezza della tua pagina web.

Se hai intenzione di visualizzare le immagini in modalità a schermo intero (come l’immagine ampia mostrata sopra), potresti voler pianificare che le tue immagini a grandezza naturale siano 1.280 px, 1.920 px o anche più larghe., Il tuo tema WordPress normalmente garantisce che le immagini più grandi vengano automaticamente ridimensionate verso il basso per adattarle alla risoluzione del monitor di ciascun visitatore.

Quando si carica un’immagine, WordPress non carica l’immagine originale, crea automaticamente tre immagini ridimensionate per voi:

  • una versione più Grande (di default 600px)
  • una versione Medium (default 300px)
  • una Miniatura (di default 150px)

Si può quindi scegliere di utilizzare la tua immagine nelle dimensioni, o Medio o Miniatura.,

Queste dimensioni predefinite dei file in WordPress possono essere modificate in Dashboard, Impostazioni, Media.

Dimensione file

Questa è la parte più importante della preparazione di un’immagine per il tuo sito web. Le immagini con un file di grandi dimensioni richiedono più tempo per essere scaricate nel browser dei visitatori e rallentano il tuo sito web.

Per la maggior parte delle immagini Web a “pagina intera”, si desidera che l’immagine sia 80Kb-100Kb al massimo. Se l’immagine è solo una parte di una pagina (ad esempio metà della larghezza di un post sul blog), 20Kb-30Kb di solito va bene.,

Abbassare la qualità dell’immagine al 30-50% dell’originale di solito non fa alcuna differenza che puoi scegliere ad occhio nudo. Provalo e vedi.

È possibile eliminare le immagini da 2 a 3 Mb a 80kb-120kb e non essere realmente in grado di vedere alcun cambiamento nella qualità visibile.

Per verificare di non aver ottimizzato eccessivamente le tue immagini, apri l’immagine originale e l’immagine ottimizzata e visualizzale fianco a fianco. Guardare fuori per eventuali ‘ jaggies ‘(aree pixelated)., Se la tua immagine ha aree di cielo (o aree che hanno un’area ampia dello stesso colore) o linee sottili (come le linee elettriche) che attraversano uno sfondo neutro, controlla attentamente queste poiché spesso sono i primi punti in cui noterai la pixelazione.

Strumenti di preparazione delle immagini

Se carichi le immagini sul tuo computer e hai familiarità con il loro restringimento prima di inviarle via email, un modo molto rapido per ottimizzare le immagini può essere semplicemente inviarle via email a te stesso prima di caricarle su WordPress.,

Preparazione automatica

Se preferisci l’automazione rispetto all’ottimizzazione manuale di ogni immagine, puoi installare il plugin ShortPixel (usa questo link di affiliazione per 100 immagini gratuite / mese) e che ottimizzerà automaticamente ogni immagine caricata. Utilizzare l’impostazione Lossless per ottenere risultati di altissima qualità.

Preparazione manuale

È possibile utilizzare un programma di editing di immagini per ritagliare e ridimensionare i file di immagine da soli. Ecco alcune opzioni gratuite / entry level che puoi provare:

  • Mac: puoi usare l’app Anteprima sul tuo Mac-usa gli strumenti, Regola le dimensioni e poi Esporta per salvare come JPG., Anche Ribbet hanno un grande nuovo editor di immagini che consente di ridimensionare JPG – scaricare sul vostro Mac gratuitamente. C’è una versione del browser web disponibile, ma che richiede l’uso di Flash.
  • Mac/Windows: ottenere un abbonamento gratuito per Canva – questo è un browser basato su editor di immagini
  • Windows: FastStone o PIXresizer (entrambi gratuiti)

Se si desidera utilizzare più avanzati strumenti di editing, Photoshop è il re della collina, ma tenete a mente che è eccessivo se tutti si desidera fare è ridimensionare le immagini per il web., Ci sono opzioni di abbonamento per Photoshop che costano circa $12 / mese (cercare l’abbonamento Fotografia). Per ottimizzare un’immagine con Photoshop, è necessario imparare a utilizzare la funzione Dimensioni immagine e gli strumenti di esportazione.

Nella maggior parte dei casi i programmi di gestione delle immagini consentono di ridurre la qualità dell’immagine di una percentuale. Se hai a che fare con immagini di grandi dimensioni e ad alta risoluzione, di solito puoi rilasciarle a circa il 30% della qualità originale e non essere in grado di vedere molta (se presente) differenza. Sperimenta per te stesso.,

Ecco alcune schermate che mostrano ImageWell e Picturesque riducendo le dimensioni del file al 30% dell’originale.