El beneficio principal es que los archivos de Photoshop pueden ser documentos en capas.
Un formato de archivo de una sola capa, como JPEG o PNG, le mostrará el resultado final previsto, pero de lo contrario no le ayudará mucho a lograr una reproducción fiel del diseño web.
Las capas en un archivo de Photoshop pueden proporcionar una cantidad significativa de información adicional sobre lo que se usó para construirlas:
- Cómo crear una nueva aplicación Django usando modelos de otra aplicación Django para usar la misma base de datos
- PHP con OOP, siempre siento que debería usar OOP, pero no quiero ...
- ¿Cuáles son algunos proyectos "bootstrap" o "kickstart" de aplicaciones web Java?
- ¿Cuál es la característica más molesta del navegador web Google Chrome?
- ¿Es posible construir un motor de búsqueda sigiloso (rastreo web no raspado web) para apuntar a un solo sitio web en línea, sin que ellos lo sepan, y qué habilidades de codificación o anonimato serían necesarias?
- Las capas de texto contendrán información como familia de fuentes, estilo, peso, tamaño de punto, altura de línea, espacio entre letras y color. Los objetos de texto de párrafo también pueden revelar los anchos de columna previstos.
- Las capas de forma se colorearán con precisión (suponiendo perfiles de color adecuados), y también pueden contener información, radio de redondeo de esquina, etc.
- Las capas de forma y algunas máscaras de capa se componen de formas vectoriales, que pueden ser útiles para crear activos independientes de la resolución, como SVG o webfonts.
- Las capas de imagen pueden contener una imagen más completa fuera del área recortada / máscara (por ejemplo, para relaciones de aspecto en dispositivos móviles).
- El archivo también puede contener capas de objetos inteligentes de Photoshop, esencialmente un archivo dentro de un archivo, que puede contener contenido útil adicional. El origen del objeto inteligente puede tener un tamaño, resolución, rotación o espacio de color diferente al documento de Photoshop que lo contiene. Si el objeto inteligente es de otras aplicaciones como Adobe Illustrator, también puede ser útil para crear un archivo SVG independiente de la resolución.
- Cualquiera de los anteriores puede contener configuraciones de transparencia o efectos tales como sombras paralelas, efectos de trazo, etc., varias de las cuales son características que pueden ser preferibles para recrear dinámicamente usando CSS.
- Las definiciones de gradiente se pueden examinar para determinar la posición precisa de las paradas de color y / o la transparencia.
- La referencia del enlace o el contenido de un objeto inteligente, o incluso el nombre de cualquier capa, puede ayudar a coordinar los activos suministrados, a obtener imágenes de archivo, etc., contener notas para el desarrollador, etc.
- El documento también puede contener superposiciones de notas o capas ocultas con instrucciones para el desarrollador.
Una consideración secundaria es que JPEG es un formato de archivo “con pérdida”, lo que significa que se ha modificado y comprometido para reducir el tamaño del archivo. Esta compresión puede introducir borrosidad, errores de coloración y artefactos de franjas que hacen que sea un desafío tomar muestras con precisión.
