Esto es un truco muy interesante en ciertos casos. Coge una imagen y la convierte en código, el cual es puede poner en un html para mostrar directamente la imagen. Os enseñamos cuando y cómo hacerlo.
Cuándo es interesante convertir imágenes a Base64.
Básicamente en 3 situaciones.
- En firmas de correo que admitan html. El poner la imagen ahí como código y que no tenga que buscarla de otro sitio reduce la posibilidad de spam y facilita la carga. En ciertas ocasiones es la única manera porque no permiten subir imágenes (firma de Gmail).
- En páginas web que tengamos que poner imágenes pero no nos deje cargarlas de sitios de terceros o subirlas porque esté restringido.
- En tu página web cuando quieres reducir la carga de imágenes. Cuando una web abre una imagen el código es como este:<img src=”….” title=”….” alt=”……..” />La web abre un proceso para cargar esa imagen desde ese src y esto gasta tiempo y procesador. Las imagenes en Base64 se cargan “incrustadas”, directamente desde código, y no tiene que abrir otro proceso ni gastar tanto tiempo.
Cuando no es interesante.
Las imágenes en Base64 aumentan el código, y no permiten etiquetas para SEO. Así que no es bueno hacerlo en todas. Sólo en ciertas como los favicon, iconos, logos pequeños, ciertos fondos en css o cualquiera que tarde mucho. También si se cargan desde sitios de terceros.
No lo hagáis en imágenes grandes, el código sale larguísimo. Nosotros, por ejemplo, hemos puesto como ejemplo un logo grande, pero porque lo teníamos a mano. Nunca lo pondríamos tan grande en Base64.
Cómo se hace.
Lo mejor es usar un sitio web. Existen varios si buscas en Google, por ejemplo https://www.base64-image.de/
Ahí subes la imagen y te dará el código tanto para html como para css. Una imagen en Base64 en html se carga así:
<img src="data:image/gif;base64,........" title="Título" />
En CSS se pondría algo como:
background: #FFF no-repeat center center url("......")
En los puntos suspensivos se pone el código que te dan las webs anteriores.
Os recomendamos los siguientes productos relacionados con la informática:
SUMTAB Newest Tablet Niños 7 Pulgadas, Android Tablet，8GB RAM 64GB ROM (mpliable 256 GB), GMS Certified, Pantalla IPS HD, Control Parental, Tableta educativa para niños con Funda EV(Rosa)
47,48 € (a partir de 10 julio, 2025 14:04 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
SanDisk Ultra Fit Pendrive 256 GB (Memoria USB 3.2, ideal para ordenador portátil o de sobremesa, consolas de juegos y sistemas, hasta 400 MB/s, Software de recuperación de datos RescuePRO Deluxe)
17,29 € (a partir de 10 julio, 2025 14:04 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
HP DeskJet 2820e 588K9B, Impresora multifunción de inyección de tinta A4 a color, Conexión Wi-Fi, Impresión a doble cara manual, Hasta 7,5 ppm, 3 meses de impresión Instant Ink con HP+, Blanca
41,76 € (a partir de 10 julio, 2025 14:04 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
INIU Cable USB C, 100W 2m Cable de Carga Rápida QC de USB C a USB C, Cable Tipo C Trenzado Nylon de Datos Cargador de Teléfono USB-C para Samsung S22 iPad Pro MacBook Tabletas LG Google etc
7,59 € (a partir de 10 julio, 2025 14:04 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Toshiba Canvio Partner 1TB Disco Duro Externo portátil de 2,5'', USB 3.2, Compatible con Mac y Windows. Xbox, PS4, PS5 (HDTB510EK3AB)
63,31 € (a partir de 10 julio, 2025 14:04 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Lexar 633x Tarjeta Micro SD 128 GB, Tarjeta Memoria microSDXC UHS-I, con Adaptador SD, hasta 100 MB/s de Lectura, A1, C10, U3, V30, Tarjeta TF para Smartphone, Tablet y Camara IP (LMS0633128G-BNAAA)
9,13 € (a partir de 10 julio, 2025 14:04 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Logitech M185 Ratón Inalámbrico, 2.4GHz con Mini Receptor USB, Batería de 12 Meses, Seguimiento Óptico con Resolución de 1000 dpi, Ambidiestro, Compatible con PC, Mac, Portátil - Gris
9,95 € (a partir de 10 julio, 2025 14:04 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Auriculares In Ear para iPhone [Certificado MFI] Auriculares con Cable, A-uriculares con Micrófono y Control de Volumen, Auriculare Cancelacion Ruido Compatible con iPhone 14 Pro Max Plus/13/12/SE/11
8,49 € (a partir de 10 julio, 2025 14:04 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
ASUS TUF Gaming A15 FA506NFR-HN008 - Portátil Gaming de 15.6" Full HD 144Hz (AMD Ryzen 7 7435HS- 16GB RAM- 512GB SSD- RTX 2050 4GB- Sin Sistema Operativo) Negro Grafite - Teclado QWERTY español
499,00 € (a partir de 10 julio, 2025 14:04 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)