El blog de dinahosting
  • Inicio
    • Noticias
  • Productos
    • Novedades
    • Dominios
    • Hosting
      • WordPress
    • Servidores
    • Resellers
    • Afiliados
  • Seguridad
  • Crear tienda online
    • Prestashop
    • WooCommerce
  • Digitalización pymes
  • Marketing
  • Somos DH
    • Eventos
    • Equipo DH
    • Clientes

El blog de dinahosting

  • Inicio
    • Noticias
  • Productos
    • Novedades
    • Dominios
    • Hosting
      • WordPress
    • Servidores
    • Resellers
    • Afiliados
  • Seguridad
  • Crear tienda online
    • Prestashop
    • WooCommerce
  • Digitalización pymes
  • Marketing
  • Somos DH
    • Eventos
    • Equipo DH
    • Clientes
#HalloweenDH

Suscríbete a nuestra newsletter

Recibe quincenalmente consejos muy útiles para tu web y ecommerce. Además con tu alta te regalamos 2 guías: una de iniciación a WordPress y otra con recursos de marketing.

Newsletter
Optimización imágenes

Optimiza las imágenes para tu web

escrito por Comunicación Dinahosting

Uno de los principios más básicos de la web y, quizás el más importante, es el del tiempo de carga. Puedes escribir el post más maravilloso del mundo que, si por alguna razón tus imágenes no se cargan, tus visitas se irán a otra página.

Las imágenes son una parte integral de los contenidos online y están entre las causas más comunes del aumento del tiempo de carga. Por eso, lo mejor es optimizar su tamaño reduciendo la cantidad de información que contienen, comprimiéndola y eliminando metadatos innecesarios. Echa un vistazo a algunos consejos básicos para optimizar las imágenes de tu web:

Índice de contenidos

  • 1 Tamaño y formato de los archivos
  • 2 Formatos
  • 3 Asignación de nombre a las imágenes

Tamaño y formato de los archivos

Lo ideal es que el tamaño del archivo sea lo más pequeño posible. Así las imágenes pesan menos y cargan antes, y esto los buscadores lo premian.

Antes de subir imágenes a la web, es recomendable que las comprimas todo lo posible, sin que esto signifique comprometer su calidad. Para lograrlo, puedes usar la herramienta online Compressor.io.

Conocer los parámetros de tu web es el secreto para ajustar la imagen al tamaño correcto.Por ejemplo, si tu sitio tiene 800 píxeles de ancho, deberás ponerlas imágenes a este tamaño. La altura no importa demasiado, a no ser que quieras imágenes con un formato específico. Recuerda prestar atención a los bytes. Menos de 300k es un peso ideal y seguro para garantizar la calidad.

Para capturar, recortar y reescalar imágenes puedes utilizar Coloretto, una aplicación que encontrarás en tu Panel y que te servirá para editar fotos rápidamente (reescalar, recortar y aplicar filtros à la mode Instagram) y componer tus propias paletas de colores.

Si usas WordPress como gestor de contenidos, puede interesarte el plugin  EWWW Image Optimizer,con el que podrás optimizar todas las imágenes que subas a esta plataforma.

> Truco: cuando edites tus imágenes, elige la opción «Guardar para Web».

Formatos

Hay tres tipos estándar de archivo de imagen: JPEG, PNG y GIF. JPEG es el mejor para la compresión de fotografía digital. GIF se utiliza normalmente para clips de vídeo de baja resolución, imágenes animadas y logotipos con una paleta de colores limitada. PNG es el más recurrido en Internet, ya que soporta imágenes basadas en la gama de colores, la escala de grises e imágenes RGB.

> Truco: usa JPEG para fotografías, PNG para vectores y GIF para animaciones/vídeos.Puedes elegir el formato ideal para tus imágenes en cualquier software de edición de fotos.

Asignación de nombre a las imágenes

Tal vez no te hayas parado a pensarlo, pero las imágenes pueden generar enormes cantidades de tráfico a tu web desde los buscadores.

Por eso, cada imagen que utilizas en tu web merece un nombre. Y no solo lo merece, sino que necesita un nombre si quieres que tu sitio web la indexe. El nombre del archivo es un indicador del contenido de la imagen y para optimizarlo debes intentar que sea corto y descriptivo, utiliza guiones para separar palabras y evita acentos y otros caracteres especiales.

¡Ah! Y no te olvides de incluir una descripción textual de lo que representan visualmente tus imágenes para lector de pantalla, y así mejorar la accesibilidad de tu web.

tips y trucos
2 comentarios
0
Facebook Twitter Google + Pinterest

2 comentarios

Diego mayo 11, 2020 - 3:59 pm

Hola, planean incluir algun optimizador de imagenes como el que tiene webempresa? dejo el link aqui para que vean el producto:
https://www.webempresa.com/hosting/optimizacion-de-imagenes-gratuito-con-imgoptimizer.html

Reply
Adriana Freire mayo 13, 2020 - 7:30 am

Hola Diego,
Actualmente no contamos con ninguna herramienta nativa a nivel de servidor, pero si trabajas sobre WordPress y eliges nuestro WordPress Optimizado, verás que hemos incluido de serie un plugin de optimización de imágenes para asegurarnos de que todo archivo de imagen que subas sea reducido a su mínima expresión.
¡Un saludo!

Reply

Deja un comentario Cancelar respuesta

Cargando Captcha...

Puedes revocar tu consentimiento, así como otros derechos, tal y como se describe en la información adicional

Información básica sobre protección de datos

Responsable
Dinahosting S.L.  [+ info]
Finalidad y legitimación
Tratamos los datos que nos proporcionas con la finalidad de gestionar tu comentario, incluida su publicación en nuestro blog. Al enviarnos tu comentario o sugerencia nos das tu consentimiento explícito para que tratemos tus datos con esta finalidad  [+ info]
Destinatarios
Publicamos los comentarios que nos envías en el blog. Enviar un comentario en nuestro blog implica la publicación en el blog del ‘nombre’ y, en su caso, el ‘avatar’ que utilices al dejar el comentario  [+ info]
Derechos
Puedes revocar tu consentimiento, así como otros derechos, tal y como se describe en la información adicional  [+ info]
Información adicional
Para más información, consulta nuestra Política de Privacidad

En dinahosting

Promotion Image

Dominios

Promotion Image

Hosting SSD NVMe

Promotion Image

VPS

Suscríbete a nuestra newsletter

Promotion Image Newsletter

Newsletter

Recibe quincenalmente consejos muy útiles para tu web y ecommerce. Además con tu alta te regalamos 2 guías: una de iniciación a WordPress y otra con recursos de marketing.

INFORMACIÓN BÁSICA SOBRE PROTECCIÓN DE DATOS

Responsable
Dinahosting SL. [+ info]
Finalidad y legitimación
Trataremos tus datos con la finalidad de enviarte el boletín electrónico informándote sobre los contenidos del blog. Estamos legitimados para tratarlos porque te has suscrito a nuestra newsletter.[+ info]
Personas destinatarias
No comunicaremos tus datos a terceros, salvo obligación legal.[+info]
Derechos
Puedes revocar tu consentimiento, modificando tu perfil tal y como se describe en el correo electrónico de suscripción.[+ info]
Información adicional
Para más información, consulta nuestra Política de Privacidad.

Conviértete en afiliado

Gana dinero recomendando dinahosting a todo el mundo.
Hazte afiliado

¡Síguenos!

Facebook Twitter Instagram Linkedin Youtube
dinahosting
Facebook Twitter Instagram Linkedin Youtube

LLÁMANOS GRATIS

900 854 000


ESCRÍBENOS

soporte@dinahosting.com

En dinahosting

  • Hosting
  • Dominios

Área privada

  • Panel de administración
  • Webmail
  • Feedback
  • Protección de datos
  • Ayuda
  • 900 854 000
  • soporte@dinahosting.com

@2020 - Dinahosting

INFORMACIÓN BÁSICA SOBRE PROTECCIÓN DE DATOS

Responsable
Dinahosting SL  [+ info]
Finalidad y legitimación
Trataremos tus datos con la finalidad de enviarte el boletín electrónico informándote sobre los contenidos del blog. Estamos legitimados para tratarlos porque te has suscrito a nuestra newsletter  [+ info]
Personas destinatarias
No comunicaremos tus datos a terceros, salvo obligación legal  [+ info]
Derechos
Puedes revocar tu consentimiento, modificando tu perfil tal y como se describe en el correo electrónico de suscripción  [+ info]
Información adicional
Para más información, consulta nuestra Política de Privacidad