Progettazione per display Retina ad alta risoluzione
La nostra agenzia di design creativo di Boston lavora su molte riprogettazioni di siti web. Per tutti i nostri progetti, ci piace garantire che i nostri clienti ricevano una grafica di qualità che sembra chiaro e professionale. Quindi, ottimizziamo le immagini per i display retina ad alta risoluzione. Questi sono diventati popolari negli ultimi anni, in particolare con la maggior parte dei prodotti Apple.
Pixel e risoluzione
Le immagini su uno schermo sono fatte di quadrati colorati chiamati pixel. La risoluzione, o chiarezza, di un’immagine, è definita dal numero di pixel attraverso la larghezza e l’altezza dello schermo.
Gli schermi Retina visualizzano pixel più piccoli e più vicini rispetto agli schermi standard. Richiedono anche il doppio dei pixel per visualizzare la stessa qualità dell’immagine di uno schermo standard. Ciò si traduce in una maggiore risoluzione e immagini di qualità superiore. Vedere le immagini qui sotto per illustrare questo:
Progettazione per il display Retina
Risoluzione Raster
anche se la linea guida per la progettazione con display standard è di 72 pixel per pollice, la raccomandazione per l’ottimizzazione retina è 200ppi. Un’immagine con una risoluzione inferiore appare sfocata o pixelata. Le immagini a bassa risoluzione sono difficili da lavorare e rendono il lavoro non professionale o sciatto.
Immagini vettoriali
Quando possibile, i nostri grafici consigliano di utilizzare .file svg per le immagini sul web, per le icone e pulsanti per esempio. Questi sono file vettoriali, indipendenti dalla risoluzione, sembrano nitidi su qualsiasi schermo e sono di piccole dimensioni.
Prima di eseguire il commit su un’immagine per il web, verificare che la risoluzione sia abbastanza grande alla dimensione alla quale verrà riprodotta. Progettare per schermi retina è un must per garantire che tutto il lavoro sembra professionale e lucido.