Cree imágenes para pantallas Retina con Retinize It y Photoshop

[one-half-first]

Una de las actividades más aburridas y aburridas para un diseñador web es producir el conjunto de imágenes para resolución normal y otro conjunto para resolución de imágenes. pantalla de retina. Una herramienta práctica y fácil de usar para resolver este problema podría ser Retinizarlo. Es básicamente una acción gratuita para Photoshop creado por Artiom Dashinsky, que le permite recortar y cambiar el tamaño de las imágenes (repetidamente) para pantallas HD, lo que le permite ahorrar horas de trabajo.
Para usar el complemento, simplemente descargue Retinize.it y haga doble clic en el archivo para agregarlo a Photoshop.
Luego, vaya al panel Ventana> Acciones en Photoshop y aparecerán dos acciones, «¡Rebana!» y «Retinize It!» que se agregaron automáticamente.

Recortarlo: como sugiere el nombre, esta acción reduce las imágenes compatibles con la web.

Retinize It! – Esta otra acción, por otro lado, primero guarda las imágenes en formato normal, luego cambia el tamaño de las imágenes dos veces más grandes (2x) para alta definición

[/one-half-first]

[one-half] Así es como funciona en este icono. ¡Hemos seleccionado uno de los niveles y estamos usando Retinize It!

Primero, la imagen se guarda en tamaño normal.

Posteriormente, la imagen se redimensiona dos veces más grande para la pantalla Retina. Como puede ver en la captura de pantalla a continuación, el icono se ha minimizado poniendo @ 2x en el nombre del archivo antes de la extensión.

[/one-half]