Imágenes
Tabla de diferencias de las imágenes. Fuente: Platzi.
Tabla de diferencias de las imágenes. Fuente: Platzi.
Lossless
Sin pérdida. Los formatos de imagen sin pérdida capturan todos los datos de su archivo original. No se pierde nada del archivo original, foto o obra de arte, de ahí el término "sin pérdida". El archivo aún puede estar comprimido, pero todos los formatos sin pérdida podrán reconstruir su imagen a su estado original. Ejemplo: Graphics Interchange Format (GIF), Portable Network Graphics (PNG 8, PNG 24), Scalable Vector Graphics (SVG - Vector).

Fuente: Platzi
Lossy
Con pérdida. Los formatos de imagen con pérdida se aproximan a su imagen original. Por ejemplo, una imagen con pérdida podría reducir la cantidad de colores en su imagen o analizar la imagen en busca de datos innecesarios. Estos reducirá el tamaño del archivo, aunque pueden reducir la calidad de su imagen. Ejemplo: Photographic Experts Group (JPG / JPEG),

Fuente: Platzi
  • Se recomienda que el máximo de peso de una imagen sea de 70Kb. Se pueden utilizar varios comprosores de imágenes: tinyPNG, compressor.io, verexif, convertio
  • Un sitio web para descargar imágenes y vídeos de forma gratuita: pexels
Ejemplo de una imagen pequeña
Ejemplo de una imagen con media query. Foto de Александар Цветановић en Pexels
Ejemplo de una imagen pequeña
Ejemplo de una imagen con estilos embedido. Foto de Александар Цветановић en Pexels