Base64 para conversor de imagem

Converta strings Base64 em imagens com visualização instantânea ao vivo, baixe como PNG, JPG ou WebP ou copie a imagem diretamente para sua área de transferência. Converte nos dois sentidos - Base64 em imagem e imagem em Base64.

Base64 String or Data URI

Amostra Limpar

0 caracteres Carregar .txt com Base64

Image Preview

Download Copiar imagem

Colar uma string Base64 à esquerda para renderizar a visualização

Tamanho: - Formato: - Tamanho dos dados: - Proporção: -

Copiar URI de dados Copiar Tag Copiar CSS

Arraste e solte uma imagem aqui ou clique para navegar

Suporta PNG, JPG/JPEG, WebP, GIF, SVG, BMP, ICO (máx. 25 MB)

Visualização da imagem carregada Carregar outro

arquivo: - Dim: - Original: - Base64: -

Saída Base64 gerada

Copiar Base64 Baixar .txt

Copiar Base64 bruto Copiar URI de dados Copiar Tag Copiar CSS

O que é Base64 para conversão de imagem?

Base64 é um mecanismo padrão de codificação de binário para texto definido por RFC 4648. It takes binary data—such as image bytes representing PNG, JPEG, SVG, WebP, or GIF files—and translates it into a string of ASCII characters using a set of 64 characters (A-Z, a-z, 0-9, +, /, with = for padding).

Converting Base64 para imagem decodifica essa representação de texto de volta em gráficos binários que navegadores, sistemas operacionais e visualizadores de imagens podem exibir e salvar. Ao incorporar imagens como URIs de dados Base64 diretamente em HTML, CSS, JSON ou mensagens de e-mail, os desenvolvedores pode eliminar solicitações HTTP externas e agrupar imagens inline

A estrutura de um URI de dados de imagem

Uma string de imagem Base64 padrão é formatada como um URL de dados:

• data: — O identificador do esquema URI
• image/png, image/jpeg, image/webp, image/svg+xml — O tipo MIME que define o. format.
• ;base64, — Indica que os dados da carga útil são codificados em Base64
• <data> — Os bytes binários codificados em Base64 do arquivo de imagem

1. JavaScript (navegador)

Cópia

2. Node.js

// Convert Base64 string to an HTMLImageElement
function base64ToImage(base64String) {
    return new Promise((resolve, reject) => {
        const img = new Image();
        img.onload = () => resolve(img);
        img.onerror = reject;
        img.src = base64String.startsWith('data:') 
            ? base64String 
            : `data:image/png;base64,${base64String}`;
    });
}

// Convert Base64 string to a Blob for download or uploading
function base64ToBlob(base64String, mimeType = 'image/png') {
    const raw = base64String.replace(/^data:[^;]+;base64,/, '');
    const byteCharacters = atob(raw);
    const byteNumbers = new Uint8Array(byteCharacters.length);
    for (let i = 0; i < byteCharacters.length; i++) {
        byteNumbers[i] = byteCharacters.charCodeAt(i);
    }
    return new Blob([byteNumbers], { type: mimeType });
}

4. PHP

const fs = require('fs');

function saveBase64Image(base64String, outputPath) {
    // Strip data URI prefix if present
    const base64Data = base64String.replace(/^data:image\/\w+;base64,/, '');
    const buffer = Buffer.from(base64Data, 'base64');
    fs.writeFileSync(outputPath, buffer);
    console.log(`Saved image to ${outputPath}`);
}

Casos de uso comuns

import base64
import re

def base64_to_image(b64_string, output_filename='output.png'):
    # Remove data:image/...;base64, header if present
    data = re.sub('^data:image/.+;base64,', '', b64_string)
    image_bytes = base64.b64decode(data)
    with open(output_filename, 'wb') as f:
        f.write(image_bytes)

# Usage
base64_to_image("iVBORw0KGgo...", "photo.png")

🚀 Desempenho da Web e CSS crítico

<?php
function base64ToImage($base64String, $outputFile) {
    $data = explode(',', $base64String);
    $binaryData = base64_decode(end($data));
    file_put_contents($outputFile, $binaryData);
}
?>

Incorporar pequenos ícones e logotipos splash diretamente em CSS evita solicitações HTTP de ida e volta adicionais, reduzindo o tempo da primeira pintura de conteúdo (FCP)

Base64 mapeia cada 3 bytes (24 bits) de dados binários brutos em 4 caracteres (32 bits) escolhidos em seu alfabeto de 64 caracteres ASCII. Isso representa uma taxa de expansão de 4:3, tornando a representação Base64 aproximadamente 33% maior em tamanho de arquivo do que a imagem binária original.