Diseño para pantallas Retina de alta resolución
Nuestra agencia de diseño creativo de Boston trabaja en muchos rediseños de sitios web. Para todos nuestros proyectos, nos gusta asegurarnos de que nuestros clientes reciban gráficos de calidad que se vean claros y profesionales. Por lo tanto, optimizamos las imágenes para las pantallas de pantalla retina de alta resolución. Estos se han vuelto populares en los últimos años, en particular con la mayoría de los productos de Apple.
Píxeles y resolución
Las imágenes en una pantalla están hechas de cuadrados de colores llamados píxeles. La resolución, o claridad, de una imagen, se define por el número de píxeles a lo largo de la anchura y la altura de la pantalla.
Las pantallas Retina muestran píxeles más pequeños y cercanos que las pantallas estándar. También requieren el doble de píxeles para mostrar la misma calidad de imagen que una pantalla estándar. Esto da como resultado imágenes de mayor resolución y mayor calidad. Vea las siguientes imágenes para ilustrar esto:
Diseño para pantallas Retina
Resolución de trama
Aunque la pauta para diseñar con pantallas estándar es de 72 píxeles por pulgada, la recomendación para la optimización de retina es de 200ppi. Una imagen con una resolución más baja aparece borrosa o pixelada. Las imágenes de baja resolución son difíciles de trabajar y hacen que el trabajo parezca poco profesional o descuidado.
Imágenes vectoriales
Siempre que sea posible, nuestros diseñadores gráficos le recomiendan usar .archivos svg para imágenes en la web, para iconos y botones, por ejemplo. Son archivos vectoriales, independientes de la resolución, se ven nítidos en cualquier pantalla y tienen un tamaño de archivo pequeño.
Antes de comprometerse con una imagen para la web, compruebe que la resolución sea lo suficientemente grande para el tamaño al que se reproducirá. Diseñar para pantallas retina es una necesidad para garantizar que todo el trabajo se vea profesional y pulido.