PSD, el formato editable por defecto de Photoshop, funciona bien cuando queremos guardar una imagen que hemos creado para luego continuar editando. Al guardar las imágenes terminadas para publicar, tenemos la opción de guardarla en formato JPEG o PGN, que son los formatos de imágenes compatibles con la mayoría de los programas hoy en día.
Sin embargo, para web, la mejor forma de guardar estos archivos es en HTML5; el lenguaje de programación principal en el que se publican los sitios web en internet. Además, HTML es el formato más compatible con navegadores web, por lo que los sitios de WordPress.org están escritos en este lenguaje.
Es, además, un formato muy ligero, por lo que consume menos recursos del hosting y permite que tus sitios web sean más rápidos y mejora mucho tus números en Analytics. Usando lenguajes de programación, podemos construir sitios web enteros y traducir los archivos de las diferentes herramientas de diseño.
La compatibilidad y los sitios web
Francamente, más que el tamaño de los archivos, lo que hace que sea difícil cargar los sitios web es el grado de compatibilidad de sus elementos con los navegadores. Es por eso que escuchamos que algún tema de WordPress tiene el código más limpio que otro.
Para nuestros elementos de diseño gráfico, PSD, XD y otros formatos, que son perfectamente legibles en los programas de Adobe, no son compatibles con los navegadores. Para evitar problemas luego, existen sitios como psdHTML.me que te ayudan a convertir tus archivos a HTML para lograr la compatibilidad y el tamaño óptimo.
Existen muchas formas de convertir tus archivos PSD o cualquier otro formato, en formatos compatibles con Web Builders. El primero, y más barato, es hacerlo tú mismo. El problema, es que esto toma mucho tiempo, y para editar una sola imagen puedes tardar bastante. Esto hace que sea necesario para muchos diseñadores de páginas web, contratar algún servicio que se encargue de resolver este problema.
Otra opción es usar plantillas HTML5 para construir tus elementos; usando estas plantillas, solo tendrás que editarlas para que muestren lo que necesitas; pero esto les quita originalidad a tus trabajos.
Construye tu web en Photoshop y luego conviértela
Los diseñadores web tienen en claro cómo quieren su página web. Usando las herramientas de Adobe, como Photoshop o XD de Adobe, tienen todas las herramientas para crear un sitio en formato de imagen.
Con XD puedes ir más allá, y diseñar los efectos y transiciones que quieres que tu web muestre. Todo esto puede ser traducido luego a HTML5 o a otros lenguajes de programación, como Joomla, Javascript o CSS.
Haciendo uso de todos estos recursos un diseñador puede crear una página entera a partir de su visión y obtener resultados increíbles que difícilmente podrán lograr utilizando recursos comunes, como plantillas.
Para que la web funcione, todos los códigos que luego escribas, deben quedar limpios y bien escritos, por eso, es probable que tengas que probar varias veces antes de obtener el resultado deseado. Si eres perseverante, puedes lograrlo.