Krypton Solid

Blog

Optimización de imágenes para su sitio web: una guía para clientes

Imágenes web

Siempre nos esforzamos por ofrecer sitios con imágenes de una calidad nítida en todos los dispositivos, asegurando una experiencia atractiva para cada usuario. Para ayudarnos a lograr este objetivo, nuestros gurús del diseño y desarrollo han colaborado para elaborar el siguiente artículo. Basado en las preguntas relacionadas con la imagen que más reciben de nuestros clientes, ofrece algunas ideas clave para ayudarlo a aprovechar al máximo sus imágenes y la experiencia de desarrollo del sitio web en general.

P. ¿DE QUÉ TAMAÑO DEBERÍAN SER MIS IMÁGENES?

Respuesta: El suministro de sus imágenes en el formato listo para cargar más óptimo no solo puede ahorrar mucho tiempo de ida y vuelta en el proceso de desarrollo, sino que ayudará a garantizar que logre el resultado final deseado en términos de efecto visual. También es un factor importante para considerar el desarrollo posterior, si planea cargar contenido de imágenes en el sitio usted mismo.

El aspecto más importante a tener en cuenta es para qué se va a usar la imagen, o más importante, dónde se va a usar. Por ejemplo, ¿es una imagen de portada, un banner o quizás una miniatura o un icono? Una imagen más pequeña, tomada en un iPhone, puede verse bien en algunas áreas de su sitio, pero probablemente no funcionará como una imagen ampliada.

Como regla general, asegúrese de proporcionar imágenes a su equipo de desarrollo en el formato más de alta resolución posible, de modo que puedan redimensionarse adecuadamente para su carga. Como mínimo, querrá asegurarse de que tengan el tamaño exacto que deberían aparecer en su sitio. Si son más pequeños, es probable que estén demasiado borrosos o pixelados para usar.

Si usted es quien administra la carga, le recomendamos un tamaño de archivo de menos de 600 KB y dimensiones entre 1500 y 2500 píxeles de ancho, para obtener mejores resultados.

P. ¿MIS IMÁGENES AFECTARÁN A LA VELOCIDAD DE CARGA DE MI SITIO WEB?

Respuesta: Por lo general, cuanto mayor sea el tamaño de la imagen, mayor será la calidad de visualización. Sin embargo, es importante tener en cuenta que cargar archivos que son demasiado grandes puede tener un impacto negativo en la velocidad de carga de su sitio web. A su vez, es probable que sus usuarios pierdan la paciencia y abandonen su sitio por completo. Cumplir con el tamaño y las dimensiones del archivo mencionados anteriormente lo ayudará a evitar problemas en esta área.

P. ¿CÓMO DEBO GUARDAR MIS ARCHIVOS DE IMAGEN?

Respuesta: Al entregar sus archivos de imagen, asegúrese de que sus imágenes se guarden como un archivo .jpg (para fotos) o.png (para gráficos), y recuerde que lo siguiente no es compatible con la web:

  • .pdf
  • .pds
  • .tff
  • .Doc

Los nombres de imágenes pueden actuar como texto alternativo en su sitio donde no se proporciona ningún otro texto, y ayuda a los motores de búsqueda a determinar de qué se trata la imagen, lo que hace que sea más probable que aparezca en los resultados de búsqueda.

Dé a sus archivos nombres claros, descriptivos y cortos (generalmente de 8 palabras o menos), que faciliten que otros hagan referencia y se adhieran a letras simples, números, guiones bajos y guiones. Intente evitar el uso de caracteres no autorizados como signos de interrogación o signos de porcentaje, ya que estos pueden cargarse incorrectamente o causar un comportamiento inesperado en las galerías.

Por ejemplo: si el nombre de su imagen es IMG_00345.jpg, cámbielo a algo descriptivo como red-cotton-jumper-01.

P. ¿DEBO TENER EN CUENTA LAS COSAS COMO LA RELACIÓN U ORIENTACIÓN DE ASPECTOS?

Respuesta: el suministro de imágenes con una relación de aspecto constante (altura: ancho) no es esencial, pero puede ayudar a que el trabajo de desarrollo sea más liviano, ya que será mucho más fácil anticipar cómo se recortarán las imágenes. En una nota similar, también puede extender la cortesía de las imágenes rotativas siempre que sea necesario para asegurarse de que estén orientadas de la manera en que deberían ser visibles en el sitio web.

P. ¿POR QUÉ SE HAN CORTADO MIS IMÁGENES?

Respuesta: Es muy probable que algunas de las imágenes que muestres en tu sitio web deban recortarse para que quepan en el espacio disponible. Esto es particularmente relevante cuando se trata de su diseño móvil. Por ejemplo, una imagen de pancarta grande en el diseño de su escritorio se puede recortar a la mitad de su tamaño original para que se ajuste adecuadamente a una pantalla móvil.

P. ¿CÓMO DEBO SUMINISTRAR MI LOGOTIPO O GRÁFICOS SIMILARES?

Respuesta: Cuando suministre sus archivos de logotipo o gráficos similares para usar en su sitio web, es importante que se suministren como archivos vectoriales. Las imágenes vectoriales son independientes del zoom y la resolución, lo que significa que la calidad y la claridad se mantendrán sin importar el tamaño que muestre el gráfico en todo el sitio.

EN RESUMEN…

No subestimes la importancia del tamaño y la calidad de las imágenes que cargas en tu sitio. Las imágenes de baja calidad en su sitio web pueden devaluar drásticamente su marca y servicios o hacer que su sitio se cargue tan lentamente que los usuarios ni siquiera llegan a la página que estaban buscando en primer lugar.

Cuando se trata de sus imágenes, tomarse el tiempo extra para hacerlo bien lo ayudará a lograr un acabado profesional a largo plazo y un sitio web que convierta efectivamente a los usuarios en clientes.

Ahora que conoces cómo debes insertar las imágenes a tu página web, en Krypton Solid, te ofrecemos la posibilidad de solventar cualquier problema que tengas relacionado con el diseño web y ayudarte para que tu empresa destaque.

2 comentarios en “Optimización de imágenes para su página web: una guía para clientes”

  1. Me ha encantado este artículo, me parece realmente útil, nunca había pensado en el tema de las fotos y ahora creo que tengo que dedicarme un día a modificar todas las fotos de mi web. El caso es que he llegado hasta aquí por otro motivo, necesito subir unas fotografías de mi trabajo a un portal y me exige que sean menores de 300KB, de utilizado la primera herramienta que mencionas y me ha reducido el tamaño mucho pero sigue siendo superior a 300KB, he intentado volver a reducir pero el porcentaje ya es mínimo, tb he probado con otras herramientas de las que nombras pero no lo consigo. Sabrías como podría conseguir bajar de 300KB el tamaño de mis fotos? Te lo agradecería muchísimo ya que necesito subir esas fotos sí o sí y me estoy volviendo loca ya…. Un saludo!

    Responder
    • Hola, posiblemente el tamaño de la foto sea excesivo y por ese motivo no puedes bajarlo más.

      Prueba por ejemplo a Pixlr Editor, una buena herramienta de edición de imagen que te reducirá el tamaño de imagen y con ello seguro el peso. Y además, si es jpeg en este mismo programa al guardar podrás elegir el nivel de calidad/compresión que quieres aplicarle al guardar.

      Esperamos haberte ayudado.

      Responder

Deja un comentario