CÓMO OPTIMIZAR IMÁGENES PARA WEB

¿Por qué hay que optimizar las imágenes para una web o blog?

Una web o blog debe pesar lo menos posible, para que cargue más rápido y el usuario acceda rápidamente. De lo contrario, es muy posible que abandone la página.

Uno de los temas que afecta en la carga de una página es el peso de las imágenes. Por lo tanto, antes de subirlas a la web o blog, debemos bajarlas de peso al máximo.

HERRAMIENTAS

1. ADOBE PHOTOSHOP

  • Es un editor de imágenes.

  • Es de pago.
  • Permite editar, componer, retocar, transformar y tiene la opción de guardar para web  bajando al máximo el peso de la imagen.
  • Funciona en los sistemas operativos Apple Macintosh y Windows.
  • A través de la página web de Adobe Creative Cloud se puede tener acceso a una versión de prueba de un mes y posteriormente, puedes adquirir este producto de forma mensual o anual.
  • Permite guardar en diferentes formatos: formatos como: PostScript, EPS,IFF, FlashPix, PCX, RAW, Filmstrip, TGA,DCS, BMP, GIF, JPEG, PICT, PIFF, PNG, PDF,  Scitex CT.
optimizar imágenes photoshop

2. TINYPNG

  • Comprime y reduce el peso de las imágenes.
  • Es gratuito.
  • TinyPNG utiliza técnicas de compresión para reducir el tamaño de los archivos PNG y JPEG.
  • Permite instalar el plug-in Photoshop TinyPNG . Puedes escalar, función vista previa y guardar PNG y JPEG comprimido directamente desde Photoshop.
  • Puedes cargar hasta 20 imágenes de 5MB máximo cada una para comprimir de una tirada.
  • Opción TinyPNG Pro por 25$/año con muchas más opciones.
  • Plugin para WordPress, Magento y Photoshop.

3. CANVA PHOTO EDITOR

  • Es un editor de imágenes.

  • Es gratuita.
  • Permite crear, poner filtros de imagen, voltear, ajustar, escalar, poner iconos, textos en diferentes fuentes…
  • Funciona en los sistemas operativos Apple Macintosh y Windows.
  • Posibilidad descarga app para tablet y smartphone.
  • Plantillas con medidas exactas para cada tipo de red social, tarjetas de visita, portada de discos y mucho más.
  • Descarga la imagen comprimida para formato PNG, JPEG o PDF.
  • Canva Photo Editor está disponible en versión Pro de pago con más opciones de diseño.
canva optimizar imagenes

4. COMPRESSOR

Compressor io comprime imágenes
  • Comprime y reduce el peso de las imágenes.

  • Es gratuito.
  • Compressor comprime y optimiza tus imágenes de forma sencilla desde la web con un límite de peso por imagen de hasta 10 MB.
  • Optimiza 4 tipos de formatos en modo «Lossy» : JPEG, PNG, GIF y SVG.
  • Optimiza 2 tipos de formato en modo «Lossless»: JPG y PNG.

5. IMAGEOPTIM

  • Es un compresor de imágenes, remueve basura metadatos y ahorra espacio.
  • Es gratuita.
  • Sólo para los usuarios de Mac OS X.
  • Puedes comprimir varias imágenes a la vez.
  • Disponible en varios idiomas, incluido español.
  • Soporta formato PNG y JPEG.
Image Optim optimiza imágenes web

Te recomendamos optimizar imágenes antes de subirlas, ya que es uno de los motivos más comunes de carga lenta en una web. Si ya las has subido y te es difícil cambiarlas por imágenes optimizadas, te recomiendo un plugin para WordPress: Smush.it

Si te interesa optimizar tu página web o blog, te recomendamos la lectura de Los Diez Mandamientos del SEO | Parte 1