2. *La elección de imágenes es, sin duda, una de
las tareas más divertidas y difíciles en la
creación de una página web. Diferentes sitios
necesitan imágenes diferentes por distintas
razones. Es posible que necesites que las
imágenes transmitan cierta atmósfera, o puede
que las uses como parte de tu estrategia de
marketing o ventas. De cualquier manera, hay
algunas reglas comunes que se aplican a casi
cualquier tipo de página web, y esta breve guía
abarca a todos.
3. *El criterio más fácil de seguir
es el técnico: debes asegurarte de
que las imágenes en tu sitio son de
alta calidad.
*Las imágenes borrosas, granuladas
o con manchas están simplemente
fuera de cuestión.
Las imágenes de baja calidad, no sólo son desagradables a la vista,
sino que también
*dejan la sensación de que el sitio fue creado por un aficionado, y
eso es lo último que quieres que la gente asocie con tu página web.
Otra especificación técnica importante es que las imágenes deben
ser al menos de tamaño mediano o mayor (no menor de 300 píxeles
de ancho o largo).
*PERO! A pesar de que se deben utilizar imágenes de buena calidad
y tamaño medio+, por el bien del tiempo de carga de tu página
web, debes tratar de reducir el tamaño del archivo, especialmente
si tu sitio tiene muchas imágenes.
4. La optimización de imágenes para un sitio web puede ser complicado. Hay
multitud de opciones y pueden resultar ser más técnicas, pero en este
artículo vamos a simplificar algunos aspectos básicos. Para explicar un poco
acerca de la optimización de imágenes para la web vamos a mostrar
algunos ejemplos. Para esto vamos a convertir una imagen en cuatro
diferentes tipos de archivos. Estos son los resultados.
Tipo de imagen Dimensiones Tamaño
Gif 500 x 377 43.4kb
Jpeg 500 x 377 90.2kb
PNG-24 500 x 377 137kb
Bitmap 500 x 377 552kb
5. La primera y más importante razón para optimizar las imágenes es para la
experiencia del usuario. Nosotros queremos que las imágenes se vean grandes
y carguen rápido para que el usuario este contento. La siguiente razón sería el
ancho de banda. Cada bit de ancho de banda utilizado cuesta dinero, así que
será mejor conservarlo y utilizarlo sabiamente.
1. Antes de cargar
Sin ninguna duda debemos reducir el tamaño de la imagen antes de subirla a
WordPress.
No es una buena idea cargar una imagen de grandes dimensiones y reducirla a
través de WordPress, pues la mayoría de los themes de WordPress almacena el
tamaño original mostrando una versión redimensionada y la versiones en
miniatura. Esto puede significar que esta almacenando 5 o 6 imágenes justo
después de subir una. Además cada vez que una imagen se carga en el servidor
tiene que cambiar el tamaño de la imagen, lo que necesita tiempo.
6. 2. Pensar en el tamaño de nuevo
Sólo al reducir el tamaño de una imagen en el formato de archivo JPEG de 500
de ancho y 400 de ancho se pasa a una imagen de 90.2kb a 56.8kb. Esto
significa un ahorro increíble. Si estás pensando en la construcción de un sitio
web de autoridad es probable que tengas que añadir imágenes a cientos de
artículos lo que conlleva a un gran impacto en la velocidad de carga del sitio
web.
3. Dónde almacenar imágenes
Se puede subir una imagen por artículo o página, pero las demás es
recomendable que se almacenen en otro servidor. Podemos utilizar Amazon
S3 o Mozy, ya que son sitios confiables y muy baratos.
Se pueden almacenar imágenes por todo Internet de forma gratuita, pero si nos
vamos a tomar en serio la construcción de un negocio, es necesario llevar el
control de todo nuestro contenido. No queremos que nuestras imágenes vayan
desapareciendo y se generen enlaces rotos, lo que terminaría originando la
caída en el ranking de búsqueda, por lo que debes conservar estas imágenes en
un servicio de almacenamiento de archivos en línea o en nuestro propio
servidor. Lo mismo pasa con el alojamiento web, es necesario disponer de
nuestro propio alojamiento para poder llevar el control completo del negocio.
7. 4. Selecciona un formato de archivos
Cuando guardamos una imagen en el equipo tenemos la opción de elegir el
formato como JPEG, PNG, GIF, BMP o más en función del programa que se
utilice. Entonces necesitamos saber que tipo de archivo es el adecuando para
la optimización de imágenes antes de guardar el archivo.
Esto va a depender en gran medida de la imagen en sí. Si tenemos una
imagen plana con una cantidad limitada de colores. Por ejemplo una captura
de pantalla del ordenador, esta imagen se puede guardar en un formato de 8
bits GIF o PNG. La explicación de esto es porque no es necesario mostrar
muchos detalles y colores de la imagen. En cambio si tenemos una foto con
mucho colorido y exige calidad, entonces será necesario elegir JPG o PNG 24
bits, aunque JPG es más pequeño.
8. Ventajas:
1. No necesitas realizar un pago para utilizar el programa. Claro,
también hay versiones de pago así como un programa de escritorio,
pero la mayoría son gratuitos.
2. Para utilizar un editor de fotos online sólo necesitas tener una
conexión a internet.
3. Muchos programas online te permiten cargar las fotografías desde
tu computador o través de la URL, si la fotografía está en una página
web por ejemplo.
4. Algunos de ellos te permiten compartir la fotografía ya editada a través de tus redes sociales como Facebook o
Twitter.
5. Carga mucho más rápido.
6. La gran mayoría tiene aplicaciones para teléfonos móviles lo que hace que cada vez más personas retoquen sus
fotografías a la mano.
Desventajas:
1. Algunas de ellas no tienen las mismas funciones y herramientas que un programa de escritorio.
2. La mayoría de estos editores de fotos online no están disponibles en el idioma español.
Como vemos son más las ventajas que desventajas el utilizar un programa de retoques online, como mencioné
hace un momento, también hay aplicaciones para teléfonos.