Quanti pixel per pollice sono i migliori per le immagini web? Dissipare idee sbagliate comuni sulla risoluzione delle immagini per il web con questa guida da .

“Ma aspetta,” ti sentiamo deridere, ” perché la risoluzione dell’immagine non dovrebbe essere importante per il web? Dovrei pubblicare foto frastagliate e sfocate sul mio sito web professionale e chiamarlo un giorno?”

Non così in fretta!, La qualità dell’immagine per foto, grafica e icone online è essenziale per fornire un’esperienza utente soddisfacente a chiunque visiti il tuo sito web. Tuttavia, la risoluzione dell’immagine è un termine che ha più significato nella stampa di quanto non faccia online. Immergiamoci nei dettagli della risoluzione dell’immagine e determiniamo cosa è veramente importante per le immagini vivide sul web.

Qual è la risoluzione dell’immagine?

Un termine rimasto dall’industria della stampa, la risoluzione dell’immagine è la densità dei punti o dei pixel che compongono l’immagine. La risoluzione dell’immagine è, in altre parole, la quantità di informazioni visive che un’immagine contiene. In questo contesto, è perfettamente logico che tu voglia che le tue immagini abbiano la risoluzione più alta possibile, in modo che appaiano nitide, nitide e vibranti.

Misuriamo la risoluzione dell’immagine in DPI o PPI. Nel settore della stampa, la risoluzione dell’immagine viene misurata in punti per pollice o DPI., Tradotto in digitale, la risoluzione dell’immagine viene misurata in pixel per pollice o PPI. Vedrai spesso questi termini usati in modo intercambiabile, ma DPI è riservato per la stampa mentre PPI è utilizzato per le immagini digitali. Un’immagine con un PPI più alto tende ad essere di maggiore qualità a causa della sua densità di pixel.

Ma, se PPI apparentemente ha una connessione con la qualità, perché noi, il team, insistiamo sul fatto che la risoluzione delle immagini online non è un grosso problema? Facciamo rapidamente deviazione al passato a lungo dimenticato – il 1980 — e applicare ciò che abbiamo imparato allo stato attuale della qualità dell’immagine.,

Risoluzione standard dell’immagine Web

Storicamente, i web designer consideravano 72 PPI la definizione “standard” per le immagini destinate al web. La logica? Potresti sentire che la maggior parte degli schermi si adatta automaticamente a 72 pixel per pollice. Quindi, a questa risoluzione, l’immagine è il più dettagliata possibile. Ma la storia completa è più complicata.

Quando Apple ha rilasciato i suoi primi computer Macintosh negli anni ‘80, hanno attaccato ad un display da nove pollici con una risoluzione di immagine di 72 PPI., Questa decisione è stata pratica: le loro stampanti ImageWriter hanno stampato le immagini a 144 DPI e questo rapporto 2:1 ha reso le immagini in scala indolore e semplice.

La tecnologia di visualizzazione è avanzata rapidamente nei trentasei anni da quando il Macintosh è stato rilasciato, e ora pochi computer hanno una risoluzione del display di 72 PPI. Quando si esportano immagini da Photoshop e altri software di editing delle immagini, è possibile impostare automaticamente la risoluzione dell’immagine a 72 PPI, dopo anni di rinforzo. Tuttavia, i display variano drasticamente in risoluzione.

Se questo è il caso, non esiste uno standard?, Come possiamo garantire che le nostre immagini vengano visualizzate in modo bello online, su tutti i dispositivi?

Cosa influenza la visualizzazione delle immagini sul Web?

In termini di risoluzione dell’immagine per il web, è meglio pensare rigorosamente in dimensioni in pixel e dimensioni del file.

• Pixel Dimensions-Questo si riferisce a quanti pixel costituiscono l’immagine, in lunghezza e larghezza. Ad esempio, un’immagine quadrata di 360×360 pixel ha 360 pixel in ogni riga e 360 pixel in ogni colonna., Se il display del computer ha una risoluzione di 72 PPI, questa immagine misurerebbe cinque pollici su ciascun lato quando viene visualizzata a grandezza naturale sul monitor. Questa è un’immagine piuttosto grande!

Più grandi sono le dimensioni per la tua immagine, più professionale sarà la tua immagine. Se le dimensioni per una fotografia sono 2000×1500 pixel, l’immagine apparirà formidabile come un banner o come una piccola foto sul lato del tuo sito web., Tuttavia, se si utilizza un’immagine che misura 200×150 pixel, apparirà solo professionale nella sua dimensione nativa e più piccola. Soffiando questa immagine fino a utilizzare come immagine eroe si tradurrà in un granuloso, sguardo sciatto che nessuno che visita il tuo sito web apprezzerà.

• Dimensione del file-La qualità dell’immagine aumenta man mano che la dimensione del file aumenta e la quantità di compressione a cui l’immagine è soggetta diminuisce. La dimensione del file immagine è semplicemente il numero di byte che l’immagine occupa sul tuo computer o sito web., Le dimensioni dell’immagine determineranno la dimensione del file, ma anche il tipo di file utilizzato per le immagini sarà un fattore significativo. Per decidere tra JPEG, PNG o persino GIF, leggi i nostri consigli per i migliori formati di immagine per il web.

Quando si decide quale tipo di file utilizzare e il livello di qualità per le immagini, tenere presente che la velocità della pagina diminuisce all’aumentare della dimensione totale del file., Si desidera scegliere la qualità dell’immagine che sembra il migliore, mantenendo ogni file di immagine piccolo e gestibile. Quando la tua pagina è lenta e piena di difetti, l’esperienza utente ne risente. Cinquantatre per cento degli utenti mobili abbandonare le pagine web che richiedono più di tre secondi per caricare. Aumentare le dimensioni del file può risultare in un’immagine migliore, ma potrebbe influire negativamente sulle prestazioni del sito.

Quando la risoluzione dell’immagine è importante

La risoluzione dell’immagine potrebbe non essere rilevante nella maggior parte delle applicazioni digitali, ma nella stampa, la risoluzione dell’immagine è re., Il DPI influenzerà drasticamente il modo in cui un’immagine viene stampata ed è di primaria importanza quando si esportano immagini da software di progettazione e modifica, se non si caricano le foto online.

Nella stampa professionale, le tue foto dovrebbero avere una risoluzione dell’immagine di almeno 300 DPI. L’occhio umano non può generalmente differenziare le immagini sopra i 200 DPI, ma è pratica standard utilizzare 300 DPI e oltre per una chiarezza ottimale. Controllare sempre le impostazioni della stampante prima di scegliere una risoluzione dell’immagine per la stampa., Molte stampanti non sono in grado di gestire risoluzioni superiori a 300 DPI e l’utilizzo di tale impostazione può creare strani artefatti visivi.

Per il contesto: se si desidera stampare un’immagine di quattro pollici per sei pollici a 300 DPI, dovrebbe misurare 1200×1800 pixel prima della stampa. Quando si scattano foto con una fotocamera, i fotografi dovrebbero scattare a una risoluzione superiore a quella di cui avranno bisogno per la stampa. Quindi possono affinare e ridurre le immagini nel software di fotoritocco.

Quando si modificano le immagini per la stampa, è preferibile utilizzare i formati di file TIFF o EPS., Questi tipi di file sono senza perdita di dati, il che significa che non comprimerai o comprometterai l’immagine durante il salvataggio e la riapertura. Tuttavia, questi file sono grandi e ingombranti.

Immagine di copertina tramite Chi è Danny. Immagine dello schermo tramite Galyna Andrushko.,

Scopri ulteriori suggerimenti su come progettare il tuo sito web con questi articoli:

• Il Miglior Sito web Immagini Pronte per il Lancio della Vostra Presenza Online
• Come Progettare un Sito web: 10 Regole d’Oro per i Principianti
• Semplice Layout del Sito web Design Suggerimenti Chiunque Può Seguire
• Come Ridimensionare le Immagini per il Web, Senza Perdere in Qualità
• Una Guida Pratica per il Visual Design del Sito web