Cómo dar un tamaño y resolución óptimo a las imágenes de tu web

Cómo dar un tamaño y resolución óptimo a las imágenes de tu web

15 Jun 2015

Compartir
Share on FacebookTweet about this on TwitterShare on Google+Pin on PinterestEmail this to someone

Muchos de vosotros al encontraros con un nuevo medio de representación de imagen como es Internet, nos preguntáis acerca de la RESOLUCIÓN y TAMAÑO de las imágenes, por ejemplo: “Si le pongo tantos píxeles ¿qué tamaño en cm es?”, “…Si tiene 96ppp ¿cuál es el tamaño final?”, no es lo mismo, a continuación te indicamos algunos conceptos a tener en cuenta. 

Antes de nada, comentar que si eres usuario de Arcadina no tienes porque preocuparte, ya que nuestro sistema automáticamente optimiza tus imágenes para que tus galerías carguen lo más rápido posible. No obstante en los apartados de texto, blog y resto de secciones de tu web si que debes optimizar las imágenes que subas. Así que es interesante que sigas leyendo este artículo para saber como debes preparar las imágenes en estos casos. En general, si inviertes un poco de tiempo en preparar tus imágenes antes de subirlas a la web, la subida se realizará más rápido y podrás optimizar más el espacio disponible de hosting en tu web.

 

09_230_950

 

Y es que son muchas las ventajas que tienes si optimizas bien tus imágenes en tu web de fotógrafo, por ejemplo de entrada la rapidez de carga de las imágenes de tu web mejorará la experiencia del visitante que no tendrá que esperar largo tiempo. También tendrás un menor consumo en la transferencia de datos al subir imágenes a tu web y por supuesto un espacio menor ocupado en tu alojamiento web. Y otro punto muy importante es el posicionamiento en buscadores, estos detectan la velocidad de carga de una web, y si es lenta, la envían al final de la lista. Si, te acabas de convencer con esto último, así que sigue leyendo para aprender a optimizar tus imágenes para que tu web sea la estrella del sarao en Internet. 

 

  • Lo primero que debemos tener claro que una cosa es el tamaño de la imagen y otra la resolución, entre ambas configuran el peso del archivo.
  • En web hablamos de ppp (puntos por pulgada) debemos olvidarnos de los centímetros (en papel).
  • 96ppp: Esta es la resolución perfecta para Internet, es decir para visualizarlo en una pantalla. No hace falta más. Todo lo que sea más que esto será exceso de peso para la web y por tanto lentitud (y por tanto visitas que se marchen).
  • El tamaño de las imágenes vendrá definido por la plantilla web que utilices. En esto cada plantilla tiene sus características, en el caso de nuestro servicio Arcadina puedes ver las dimensiones recomendadas de las imágenes para cada plantilla aquí:  Características y tamaños de las imágenes

 

Los tamaños como ves siempre vienen en píxeles, en Internet es la forma de definir lo que vas a necesitar en cada fotografía. La RESOLUCIÓN que especifiques después dependerá de las apreciaciones sobre la resolución de cada imagen para que no se vea borrosa en ningún medio. Si es para Internet (96ppp) es lo más recomendable para que pueda verse bien en cualquier pantalla del mercado actual.

Resolution illustration.png

 

Y es que tus visitantes no esperan ni 5 segundos al entrar a tu web, así que si tus fotografías tardan en cargar, se irán para otro lugar al vuelo. Así que dale la importancia que se merece a este tema, la velocidad de carga de tu web. Prepara tus imágenes para web con algunas precauciones si partes por ejemplo de una imagen con alta resolución. Debes tener presente que la resolución del monitor es aproximadamente de sólo 96ppp (puntos por pulgada). Si cargas una imagen a 300ppp, estás obteniendo imágenes que serán innecesariamente grandes y que no se verán en absoluto mejor que la imagen adquirida al mínimo de resolución. Una imagen mastodóntica puede tardar una eternidad en cargarse en Internet, ocupará espacio innecesario en tu hosting y probablemente los visitantes no tengan paciencia para esperar.

Para preparar tus imágenes necesitarás algún programa de edición de imágenes, Xnview, Photoshop, etc. Los conceptos en todos los programas de edición de imágenes son los mismos, por ello vamos a explicar paso a paso un ejemplo de cómo dar un TAMAÑO de 1440píxeles de ancho y una RESOLUCIÓN A 96ppp. Un rápido tutorial con el que aprenderás como optimizar el peso de tus imágenes en tu web y algunos conceptos a tener en cuenta para que el tamaño y resolución sean los mejores:  

Cómo dar un tamaño y resolución óptimos a tus imágenes para web

 

También si quieres conocer aplicaciones donde optimizar tus imágenes fácilmente puedes entrar a leer este artículo de nuestro blog: Aplicaciones gratuitas para editar y optimizar tus imágenes para web


Compartir
Share on FacebookTweet about this on TwitterShare on Google+Pin on PinterestEmail this to someone

Comentarios

Notificar de
avatar
Manuel de Castro | Fotógrafo Bodas Gijón
Invitado

Una explicación clara y concisa, justo lo que estaba buscando.
Muchas gracias!

Félix
Administrador

¡Muchas gracias Manuel! Encantados de poder ayudarte.

wpDiscuz
Contacto