ca

Imatge a Data URI

Converteix una imatge en data URI Base64 en local: enganxa-la directament a l'HTML o al CSS. Sense pujades.

Processant en local al teu dispositiu ...

Els teus fitxers

    Processant en local al teu dispositiu ...

    0%

    Es puja el meu fitxer?

    No. Tot s'executa al teu navegador - el teu fitxer no surt mai del dispositiu. Per què és verificable

    Sense pujar res100% local
    El contingut es queda amb tusense accés de tercers
    Hosted in GermanyGlobal Content Delivery
    Auditat de manera independentTLS A+ · Capçaleres A+

    Una data URI codifica una imatge directament com a text (Base64), de manera que la pots incrustar en línia a l'HTML (un src d'img) o al CSS (un fons) sense un fitxer a part ni una petició de xarxa addicional. Aquesta eina converteix la teva imatge en una data: URI a punt per enganxar.

    La sortida és un fitxer de text pla que conté la cadena completa data:image/...;base64,... És pràctica per a icones minúscules, plantilles de correu, demostracions d'un sol fitxer o per evitar una petició de més, però el text Base64 és aproximadament un terç més gran que els bytes originals.

    Tot s'executa completament en local al teu navegador (sense pujades, fins i tot sense connexió): la teva imatge no surt mai del teu dispositiu. La imatge es codifica tal com és (mateixos bytes, mateix format, sense recodificar); una imatge molt gran genera una cadena molt llarga, per això això va millor amb imatges petites.

    El compromís honest d'incrustar: una data URI viatja amb cada lliurament del fitxer HTML o CSS i el navegador no la desa a la memòria cau per separat. Com a regla general, incrustar només compensa amb gràfics molt petits - icones de pocs kilobytes; les imatges grans van millor com a fitxer propi. Per comprovar-ho ràpid, enganxa la cadena directament a la barra d'adreces del navegador.

    Fitxa tècnica

    Fitxa tècnica
    Formats d'entradaJPG, JPEG, PNG, WEBP
    Conversió automàticaGIF, BMP, TIFF, ICO, SVG, HEIC, PDF, DOCX, DDS, HDR, PCX, WBMP
    Format de sortidaTXT
    Processament per lots
    ProcessamentEn local al navegador (JavaScript)
    Càrrega de fitxersCap

    En 3 passos

    1. Arrossega o toca la teva imatge (PNG, JPEG o WebP).
    2. Es codifica en Base64 dins d'una data: URI al teu navegador.
    3. Descarrega el fitxer de text amb la data URI (a punt per enganxar).

    Límits: Codifica els bytes de la imatge tal com són en Base64 dins d'una cadena data:<tipus>;base64,... desada com a fitxer de text. El Base64 és aproximadament un 33% més gran que l'original, per això va millor amb imatges petites. El format i els bytes originals es conserven (sense recodificar).

    Preguntes freqüents

    Es puja la meva imatge?

    No. La codificació passa completament en local al navegador, fins i tot sense connexió. La teva imatge no surt mai del teu dispositiu.

    On faig servir una data URI?

    Enganxa-la com a src d'una img o com a fons al CSS per incrustar la imatge en línia, sense un fitxer o una petició a part.

    Fa el fitxer més gran?

    Sí. El text Base64 és aproximadament un terç més gran que els bytes originals, per això una data URI va millor amb imatges petites.

    Es modifica la imatge?

    No. Es codifiquen els bytes originals exactes, per això el format i la qualitat no canvien.

    Eines relacionades

    Collage d'imatges · Comprimir imatges · Convertir PNG a SVG · Optimitzar SVG