Imagen a Base64
Convierte imágenes a cadenas Base64 para incrustar en HTML/CSS.
Cómo Usar
Subir imagen
Selecciona o arrastra un archivo de imagen.
Obtener Base64
Ve la cadena codificada en Base64.
Copiar resultado
Copia la URI de datos o el Base64 sin procesar.
Características
Preguntas Frecuentes
Puedes convertir imágenes PNG, JPEG, GIF, WebP, SVG, BMP e ICO a Base64. Todos los formatos comunes son compatibles.
Convierte imágenes a cadenas codificadas en Base64 para incrustar directamente en HTML, CSS o JavaScript. Elimina solicitudes HTTP adicionales incluyendo imágenes pequeñas inline en tu código.
¿Sabías que?
¡Las URLs de datos (que usan codificación Base64) fueron propuestas por primera vez en 1998 y estandarizadas en RFC 2397. Aunque ahorran solicitudes HTTP, los navegadores no pueden cachear URLs de datos como imágenes regulares, así que se descargan frescas en cada carga de página!
Consejos de experto
- Usa solo para imágenes pequeñas (<10KB) - archivos más grandes inflan tu código
- Las URLs de datos funcionan en img src, CSS background-image y más
- Base64 agrega ~33% al tamaño del archivo, así que calcula el intercambio cuidadosamente
Casos de uso comunes
- Incrustar iconos en CSS para estilo de archivo único
- Crear plantillas de email HTML autocontenidas
- Reducir solicitudes HTTP para rendimiento
- Incluir imágenes en APIs JSON
- Construir apps web capaces de funcionar offline
Mejores prácticas
- Optimiza imágenes antes de convertir para minimizar longitud de cadena Base64
- Considera SVG para iconos - a menudo son más pequeños como texto
- Incluye tipo MIME apropiado en el prefijo de URL de datos
Explorar Otras Categorías
Descubre más herramientas útiles de diferentes categorías
Contador de Palabras
Cuenta palabras, caracteres, oraciones y párrafos en tu texto al instante.
Formateador JSON
Formatea, valida y embellece tus datos JSON con resaltado de sintaxis.
Calculadora de Porcentaje
Calcula porcentajes, cambio porcentual y porcentaje de números.
Generador de Meta Tags
Genera etiquetas meta HTML para optimización SEO con título, descripción, palabras clave y más.