¿Has visto alguna vez un sitio web sin ningún tipo de imagen? Puede sonar un poco aburrido y poco atractivo pensar en un sitio web que no contenga ni una sola foto. Sin embargo, hay algunos sitios web que utilizan diseños web de "sólo texto y color". Lo creas o no, se hace a propósito para enfatizar el mensaje en lugar de llamar la atención usando imágenes. La mayoría de los sitios web se construyen con una imagen impresionante en el fondo y un bonito collage de fotos publicado en su sección de galería.
¿Qué opinas de añadir tus fotos originales a tu sitio web? Si te dedicas a la fotografía, entonces tiene sentido tener una recopilación de tus grandes obras y sentirte orgulloso. Supongamos que eres un empresario que quiere montar una tienda online de telas de calidad. Es el momento de mostrar a tu cliente lo que tienes en stock. Independientemente del propósito de la construcción de un sitio web, las imágenes juegan un gran papel para dar vida a tu sitio.
Imagen tomada de Strikingly
¿Alguien te ha preguntado qué formato de imagen utilizas para subir fotos a tu sitio web? ¿Qué tipos de archivos de fotos se aceptan en la sección del editor de la página web?
A menos que seas diseñador web de profesión o de formación, no te importarán mucho este tipo de preguntas técnicas. Pero, ¿por qué necesitamos saber cuál es el mejor formato de imagen para la web? ¿Cuál es mejor entre png vs jpg o png vs gif? ¿Cuáles son las cualidades de estos tipos de archivos de imagen? Hay mucho que aprender sobre el formato de imagen que afecta a la calidad de las imágenes cargadas en tu sitio. Después de aprender sobre el formato de imagen, sabrás qué camino tomar la próxima vez que añadas imágenes.
¿Cuáles son algunos de los tipos de archivos de imagen?
La pregunta sobre cuál es el formato de imagen adecuado para tu página web también depende de lo que te preocupe. ¿Te preocupa la transparencia, el espacio de almacenamiento, la resolución, la animación, etc.?
• PNG (Portable Network Graphics)
Si la transparencia es una de tus preocupaciones, PNG es el formato de imagen que necesitas. Entre los otros tipos de archivos de fotos rasterizadas, soporta la transparencia. Es la mejor opción si estás trabajando en una imagen más compleja que necesita someterse a algún trabajo de edición. Una de las buenas características de PNG es que es "sin pérdidas", es decir, que puedes hacer ediciones en este formato de imagen sin perder la calidad de la misma.
Si buscas un formato de imagen con calidad web, en el que puedas guardar tu imagen con más colores sobre un fondo transparente, éste es uno de los más utilizados y la mejor opción. Eso sí, ten en cuenta que puede ocupar un tamaño de archivo mayor que el formato JPEG, así que comprueba tu espacio de almacenamiento antes de decantarte por PNG.
• JPG, JPEG (Joint Photographic Experts Group)
En realidad puedes elegir el formato JPG o JPEG, no importa porque son uno solo. JPG es, obviamente, la versión abreviada. Es uno de los formatos de imagen más populares y lo mejor del formato de imagen JPG es el poco espacio que ocupa en tu almacenamiento. Te sorprenderá lo rápido y fácil que se puede cargar o descargar en tu archivo. El formato JPG es ideal para las imágenes de los sitios web y las fotos de las redes sociales. Al admitir millones de colores, es ideal para imágenes de fondo, fotos de productos y fotografías en la galería de tu sitio web.
• GIF (Formato de Intercambio de Gráficos)
La animación es lo primero que hay que saber sobre el formato de imagen GIF. Probablemente veas mucho de esto en las publicaciones de las redes sociales y en las secciones de comentarios cuando la gente reacciona a algo. ¿Sabías que el GIF se dio a conocer en 1987? Al igual que JPG, GIF también es un formato de imagen "sin pérdidas". Este formato de archivo de imagen también es muy popular y potente debido a los efectos de animación. Las páginas web con GIF parecen más animadas e interactivas.
• BMP (Archivo de mapa de bits)
A diferencia del JPG y el PNG, el archivo BMP no es un formato muy utilizado, sino sólo en casos especiales en aplicaciones web. Este formato rara vez es compatible con los navegadores web, por lo que sería mejor no utilizarlo para los materiales de tu sitio web. Puede ocupar un espacio mayor que el formato de imagen comúnmente utilizado mencionado anteriormente.
¿Cuáles son los formatos de imagen soportados por el Editor de Sitios Web Strikingly?
Imagen tomada de Strikingly
El editor de páginas web Strikingly soporta los formatos jpg, png y gif para las imágenes. Sólo tienes que hacer clic en el botón "añadir imágenes" mientras estás en el modo de edición y te dará la opción de arrastrar tus archivos, navegar desde tu ordenador, o escribir la dirección del enlace para subirlo desde la web.
En general, los tipos de archivo que admitimos son txt, pdf, doc, xls, ppt, pages, key, numbers, wps, jpg, png, gif, mp3, mp4, wav, flac, m4a, docx, xlsx, pptx, odt, odp, epub, zip, zipx, 7z, rar. Si tu tipo de archivo no está en la lista anterior, puedes convertirlo en un archivo zip o rar. Recuerda que el tamaño del archivo debe ser inferior a 10MB y cada plan tiene un límite de almacenamiento como sigue:
1.Plan Limitado - 1GB
2.Plan Pro - 3GB
3.Plan VIP - 10GB
Imagen tomada de Strikingly
Simplemente añade tus fotos originales o elige de la biblioteca de Strikingly e imágenes de stock para usarlas como imagen de fondo. Tienes tres opciones en tu fondo: puedes añadir imágenes, vídeos o bloques. Con Strikingly, la construcción de tu sitio web personal o de negocios es sólo un pedazo de pastel. Sube tus últimas fotos de viaje a tu galería en pocos minutos.
Ideas de sitios web de usuarios de Strikingly
Imagen tomada del sitio web de Rosa Villa
Rosa Villa es un sitio web de artesanía construido con Strikingly. El fondo de la imagen utilizada es una foto que muestra cómo se hace la artesanía real. Esta es una estrategia muy eficaz para comercializar su afición que se convierte en una oportunidad de negocio. Los colores de este fondo de imagen son vibrantes. ¿Qué formato de imagen utilizó el propietario para subir esta foto? ¿Crees que es PNG o JPG? Sólo la persona que construyó el sitio web puede informarte sobre estas cosas.
Imagen tomada del sitio web de Zinzi Colonna Photographe
Para un sitio web de fotografía como Zinzi Colonna Photographe, el formato de las imágenes es algo muy importante. Es importante que las fotografías sean de calidad, con imágenes de alta resolución y no pixeladas. Este diseño de collage de fotos que se encuentra en la sección "Cabinet de curiosite(s)" tiene un aspecto muy profesional sobre un fondo transparente. Es útil tener un fondo limpio o transparente si vas a añadir imágenes a tu sitio web. Un fondo transparente enfatiza la imagen y añade más calidad en términos de colores. Otra cuestión que se puede plantear es el tipo de formato de imagen que se utiliza para subir estas fotografías. ¿Sabías que los smartphones y las cámaras digitales utilizan el formato JPG para guardar las fotos? Bueno, al menos puedes convertirlas a diferentes formatos de imagen cuando las transfieras a tu ordenador. Tenlo en cuenta la próxima vez que añadas más productos a tu tienda online o cuando finalmente te decidas a crear un sitio de portafolio con Strikingly.
Imagen tomada de Strikingly
Ahora te das cuenta de que el tipo de formato de imagen que has utilizado para subir tu foto tiene un gran impacto en el aspecto de la misma. JPG, PNG y GIF tienen sus propias cualidades dependiendo de los aspectos que estés buscando. Puede que lo que te preocupe sea el espacio de almacenamiento del archivo, la transparencia o la animación, y por eso eliges un formato de imagen específico.
Puede que algunas personas no vean la diferencia entre estos tipos de archivos de imagen, pero las personas que tienen conocimientos al respecto son muy meticulosas. No se os puede culpar de ser conscientes del tamaño del archivo, la resolución de la imagen y la calidad general de tu sitio web por las fotos que ponen en él. Esto es cierto para los sitios web de comercio electrónico como las tiendas online. Los productos de las tiendas deben atraer el interés de los clientes. La mala calidad de la imagen de un determinado producto puede mermar tus ventas. Es importante mostrar imágenes de alta resolución con especificaciones completas para atraer a más compradores.
Los elementos que pones en tu sitio web, como las imágenes y los contenidos, son factores importantes que deben presentarse con cuidado. Cuando pienses que el contenido del blog que has publicado recientemente en tu sitio web carece de cierta calidad, busca la manera de mejorarlo. Probablemente, haz cambios en las imágenes para que resulten más atractivas para tu audiencia. Por cierto, puedes realizar ediciones rápidas y sencillas en tus imágenes con el editor web de Strikingly.
Ya hablamos del formato de imagen. Comparte tus momentos capturados con el mundo. Añade imágenes a tu sitio web y atrae más visitantes a tu página. Unas buenas imágenes y efectos visuales pueden ayudar a tu sitio web a conseguir más tráfico. ¿Te imaginas ver una página web sin imágenes y sólo con textos? De verdad que acabarías con sueño sólo por mirar una hoja en blanco. Haz que tu sitio web destaque entreteniendo a tus espectadores con imágenes de calidad. Strikingly tiene múltiples plantillas, sitios web de usuarios, y diseños de maquetación que puedes elegir simplemente para crear tu propio sitio web.