Saltar al contenido
InternetPasoaPaso

Extensión de archivos de imagen ¿Qué son, para qué sirven y qué tipos hay?

Extensión de archivos de imagen ¿Qué son, para que sirven y qué tipos hay?
Meneame

La extensión de archivos de imagen es la manera que tenemos de saber que estos son precisamente imágenes y no otro tipo de recurso como vídeos o texto. De este modo, cuando nos envíen una, ya sabemos a qué atenernos, por ejemplo.

Sin embargo, conocer esta información va mucho más allá y ese es, de hecho, el menor de los beneficios. Si quieres, saber qué supone tener conocimientos sobre este sigue leyendo porque te lo vamos a contar.

En las siguientes líneas vas a descubrir qué es exactamente un formato de imagen, cuáles existen, cuáles son las más importantes, para qué son necesarias y dónde puedes reproducir cada uno de ellos.


¿Qué es la extensión de un archivo o formato de imagen y para qué sirve realmente?

que es extension de archivo de imagen

Todos sabemos lo que es una imagen, ¿no? Un archivo digital en el que podemos ver una representación visual de cualquier cosa, exista o no. Las fotos que nos tomamos, los dibujos que hacemos, los retoques que añadimos, los logos que creamos… Son imágenes que, en este caso, tenemos en formato digital, es decir, no existen físicamente.

Estas se pueden ver en multitud de dispositivos: ordenadores, teléfonos, cámaras, televisores… De hecho, cada vez la compatibilidad con diferentes aparatos es mayor.

Sin embargo, para que esto suceda es necesario que dichos aparatos (y más concretamente los softwares que llevan dentro) sean capaces de saber que ese fichero es precisamente una imagen, la interpreten y, finalmente, encuentren el programa adecuado con el que poder mostrarla. Para esto es precisamente para lo que sirve la extensión de archivos de imagen.

Una extensión o formato es una denominación que se le da a un tipo de archivo. Esto se hace añadiendo, detrás de su nombre, el nombre de la extensión en sí, separando ambos con un punto.

Pongamos como ejemplo «gatito.jpeg»:

«Gatito»es el nombre que hemos puesto, seguramente, a una foto que le hemos hecho a nuestro gato, la que nos hace a los usuarios saber qué es la imagen en cuestión mientras que «.jpeg» es la parte del nombre que le dice al sistema el tipo de fichero del que se trata, en este caso, una imagen.

Recomendado para ti:
¿Cuales son los mejores programas y editores de vídeos para youtubers? Lista [year]

Esto también sirve para que el SO escoja el programa adecuado para poder abrir el archivo de manera compatible para que este se visualice correctamente.

Además, los tipos de extensión nos van a decir, también, algunas «cositas» sobre el fichero. Por ejemplo, podemos identificar si las imágenes están renderizadas o son vectoriales, si se han comprimido, qué modo de color tienen… Uno de estos aspectos, el de la renderización y la vectorización, merece la pena ser desarrollado.

Imagen rasterizada

Diferencias imagen vectorial vs rasterizada
Diferencias imagen vectorial vs rasterizada

Las conforman píxeles, los cuales tienen asignados, cada uno de ellos, un color. Ello supone que a mayor resolución (más cantidad de píxeles) más calidad podemos conseguir, pues más píxeles, de diferentes colores, podemos incluir para generar detalles.

Su problema es que pierden calidad al hacerse grandes puesto que no hay más contenido que ver que el que ya se ha trabajado, obteniéndose como resultado una imagen que se va viendo cada vez más borrosa.



"ACTUALIZADO ✅ ¿Quieres conocer la lista completa de extensiones y formato de archivos de imagen y no sabes cuales hay? ⭐ ENTRA AQUÍ ⭐ y Descubre la lista completa ✅ FÁCIL y RÁPIDO ✅"


Estas imágenes, que también podemos denominar como mapas de bits, son las que conforman fotografías, gráficos web, ilustraciones… Cuando se busca, en esencia, la más alta calidad.

Formatos de imágenes rasterizadas (Mapas de Bits)

Por su importancia, quisiera terminar mostrando más claramente cuáles son las extensiones de las imágenes que están randerizadas y las que son vectoriales, pues esta es una característica general que, a menudo, nos hace descartar o escogen un archivo, como bien hemos indicado antes.

Las imágenes rasterizadas son las que se dan en los siguientes formatos:

  • .jpg o .jpeg
  • .gif
  • .png
  • .tiff o .tif
  • .RAW
  • .bmp
  • .psd
  • .pdf
  • .eps
  • .pic

Imagen vectorial

Diferencias imagen vectorial vs mapa de Bits
Diferencias imagen vectorial vs mapa de Bits

Contrariamente tenemos las imágenes vectoriales, que están formadas, en efecto, por vectores, puntos de control conectados por curvas definidas matemáticamente.

Esto supone que no exista el problema que acabamos de ver para las imágenes render, pudiendo ampliar y ampliar las vectoriales sin sufrir pérdida de calidad. Se utilizan en gráficos sencillos como composiciones de tipografía, material didáctico, iconos…

Recomendado para ti:
Extensión de archivos; ¿Qué son, para qué sirven y qué tipos hay?

Del mismo modo, también resulta interesante conocer los diferentes modos de color, específicos también de muchos de los tipos de archivos de imagen que veremos después.

  • Monocromo: Sólo se utilizan el blanco y el negro puro.
  • Escala de grises: Además del blanco y el negro se incluyen 256 tonalidades de gris.
  • Indexado: Damos con hasta 256 tonalidades manteniendo un archivo de 8 bits.
  • HSB: Colores creados a partir de tres parámetros: tono, saturación y brillo. La paleta de colores es de 24 bits.
  • RGB: Existen tres colores primarios (rojo, verde y azul) que, en síntesis aditiva, forman los demás. Es el que se usa en pantallas.
  • CMYK: Funciona por sustracción de la luminosidad de cuatro tonos principales (cyan, magenta, amarillo y negro). Es el modo usado para formato físico.

En definitiva, el formato nos va a dar cantidad de información tanto al usuario como al sistema para que sepamos determinar el tipo de información de que se trata ese fichero, sus características y, por supuesto, las necesidades para ser interpretado y visualizado.

Formatos de imágenes vectoriales

Por otro lado, damos con las imágenes por vectores, que son:

  • .pdf
  • .psd
  • .eps
  • .SVG
  • .AI
  • .DWG

Tipos de extensiones y formatos de archivos de imagen y sus programas asociados para abrirlos

Ahora que ya sabes todo lo que esta aparentemente simple nomenglatura te ofrece ofrecer sobre tus imágenes, vamos a ver, una a una, sus características.

ExtensiónCaracterísticasPrograma
.jpeg o .jpg
  • Más famosa.
  • Imagen rasterizada.
  • Para gráficos, fotografías y web.
  • Tiene pérdidas.
  • Su peso es pequeño.
  • Inadecuado para resolución pequeña.
  • Ideal para impresión HD.
  • Editores de imagen (todos los generales)
  • Visores de imagen (todos los generales)
  • Navegadores (todos los generales)
.gif
  • Imagen rasterizada.
  • Formato de intercambio de gráficos.
  • Con transparencia.
  • Con animación.
  • 256 colores.
  • Sin pérdidas de manera convencional pero con posibilidad de comprimir.
  • Uso común en gráficas, prácticamente en exclusiva para web.
  • Editores de imagen (GIF Photo Maker Video, Adobe Photoshop, GIMP, Easy GIF Animator, Record.it, Cinemagraph…)
  • Visores (123 Photo Viewer)
  • Navegadores  como Firefox, Chrome, Edge… (sólo para visualizar)
  • Aplicación Correo de Windows
.PNG
  • Imagen rasterizada.
  • Se guarda sin fondo.
  • Ideal para logos y gráficos web.
  • Perfecto con paleta de pocos colores.
  • Mantiene muy buena calidad, sin pérdida.
  • No recomendable para fotografías.
  • Editores de imagen (Adobe Photoshop, iLoveIMG, FotoFlexer, Pixlr, My Addr, LunaPic, ACD Systems Canvas…)
  • Visores (ACDSee Classic, Apowersoft, FastStone, IrfanView, XnView…)
  • Navegadores, excepto de Microsoft
.tiff o .tif
  • Imagen rasterizada.
  • Ideal para imágenes de gran tamaño.
  • No tiene pérdidas.
  • Muy usado para escanear.
  • Optimizada para imprimir.
  • Editores de imagen )CorelDRAW, Adobe Photoshop, Adobe Illustrator, PhotoScape, Tiff Counter, Tiff Combiner, Rapid TIFF Count…)
  • Visores (MultiTIFF, Visor de Windows, Preview de OS X, Eye of Gnome, Image Viewer, IrfanView…)
  • Navegadores (Chrome, Firefox, Opera…)
  • Conversores (ZamZar, iLoveIMG…)
.RAW
  • Imagen rasterizada.
  • Archivos no procesados.
  • Los datos procesados se almacenan por separado.
  • Permite, por tanto, edición sin pérdidas.
  • Se captan desde cámara directamente (cámaras y sensores), sin intermediario.
  • Archivos altamente pesados.
  • Ideal en fotografía profesional.
  • Editores de imagen (Darktable, DigiKam, RawTherapee, dcraw, UFRaw, RAWStudio, Photoshop..)
  • Visores (LibRAW, con Raw Image Extension, Fast PictureViewer, Vista Previa de macOS…)
.BMP
  • Imagen rasterizada.
  • Desarrollado para Windows.
  • No tiene pérdidas.
  • Archivo de gran peso.
  • Editores de imagen (Adobe Photoshop, ACD Systems Canvas, ACDSee Classic, CorelDRAW, Paint Shop Pro, Adobe Illustrator, PhotoScape…)
  • Visores (Image Viewer, Fotos de Windows…)
.psd
  • Imagen rasterizada pero se pueden trabajar vectores también.
  • La información se guarda a capas, independientes y modificables.
  • Se permite exportar, con su editor, a cantidad de extensiones de imagen.
  • Editor Adobe Photoshop -de sus creadores-.
  • Otros editores (GIMP, Photophea…)
  • Visores web (onlinephotoshopfree.net…)
  • Conversores (IrfanView…)
.pdf
  • Formateo de archivos para envío sin distorsión.
  • Ideal para imprimir por su formato universal.
  • Muchos archivos no son editables.
  • Suele ser un formato final exportado.
  • Editores de imagen (Adobe Photoshop, PDFZorro, SodaPDF…)
  • Visores de PDF (Adobe Acrobar Reader -de sus creadores-, MuPDF, Javeloin PDF Reader, SlimPDF Reader, Foxit Reader, Sumatra PDF Portable…)
  • Navegadores (Edge, Firefox, Chrome…)
  • Suites (Google Drive, LibreOffice…)
.eps
  • Estándar de importación de imagen y texto.
  • Ideal como archivo final, para impresión.
  • Incluye imágenes tanto renderizadas como vectoriales.
  • Incluye comentarios para definir tamaño y resolución.
  • Tiene una vista previo low-r en otro formato a elección del usuario.
  • Editores de imagen (Abode InDesing, Adobe Illustrator, Adobe Photoshop, Freehand, CorelDraw…)
  • Visores
  • Navegadores
  • Todos los sistemas operativos
  • Impresoras PostScrip
.SVG
  • Imagen vectorial.
  • Estilo CSS.
  • Ideal para adjuntar en webs.
  • Muy utilizada en diseños responsive.
  • Requiere conocimientos en .xml para su diseño adecuado.
  • Editores de imagen (Adobe Illustrator, WebDraw, CorelDraw, INKSCAPE, Adobe Flash, Serif DrawPlus, Microsoft Vision…)
  • Visores (INKSCAPE, Adove SVG Viewer, SVG iN Mozilla project, SdVG viewer…)
  • Navegadores (con plugin de Adobe)
.AI
  • Extensión de los archivos producidos con Adobe Illustrator.
  • Representación vectorial unipágina.
  • Adobe Illustrator como editor propio
  • Adobe Reader (sólo visualizar)
  • Se puede visualizar cambiando, a mano, la extensión por otra común
  • Visores y programas previa conversión a otro formato.
.pic
  • Generado al crear y/o guardar en Paint
  • Edición sencilla.
  • Calidad básica.
  • Cualquiera de los editores de imagen (Canvas, Adobe Photoshop, Adobe Illustrator, EnSight, Petrosys, Apple QuickDraw…)
  • Cualquiera de los visores de imagen (Apple Preview, Fotos de Microsoft…)
  • Navegadores
.WMF
  • Formato de metarchivo de Windows.
  • Contenedor de operaciones de dibujo del sistema.
  • Imágenes portables entre aplicaciones.
  • Almacén de llamadas a funciones por el SO.
  • Editores de imagen (Corel Paint Pro, Photo X2, Mirosoft Picture It, Newera Software Graphics Converter Pro, TurboCAD…)
  • Visores como IrfanView
  • Navegadores
  • Interfaz GDI de programación.
.WebP
  • Nuevo estándar abierto para la compresión con pérdida de gráficos de 24 bits en la web lanzada por Google.
  • Compresión sin pérdida, transparencia (canal alfa) y animaciones.
  • 30% más pequeñas que los archivos PNG o JPEG.
  • Diseñadas para páginas webs.
  • Metadatos EXIF y XMP.
  • Visores como IrfanView.
  • Navegadores webs (Chrome y Opera)
  • Photoshop mediante extensiones.
  • En la web de Google Squoosh.app
.DWG
  • El DraWinG o .DWG es uno de los más importantes, especialmente para los usuarios del AutoCAD.
  • Se utiliza para almacenar información gráfica de un diseño digital, este almacena información vectorial.
  • Tiene versiones distintas de DraWinG llamada DXF o Drawing eXchange File.
  • AutoCAD de Autodesk.
  • MicroStation.
  • VectorWorks.
  • SketchUp.
Recomendado para ti:
¿Cuáles son las mejores aplicaciones para ahorrar batería en el móvil Android e iOS? Lista [year]

*Si estás visualizando la web desde el smartphone, desliza la tabla hacia la derecha para ver todos los datos

¿Conoces otras extensiones para abrir y editar archivos de imagen? Déjalas en los comentarios y los añadiremos a la lista, seguro será de gran valor para los demás lectores!

Si te quedaste con alguna duda, déjalas en los comentarios, te contestaremos lo antes posible, además seguro que será de gran ayuda para más miembros de la comunidad. Gracias! 😉

!Suscríbete ahora y entérate de las últimas noticias!


He leído y acepto los términos y condiciones

Compártelo, gracias!

Meneame
Temas: