Data URL Encoder
Converti i file in Data URL Base64 per l'incorporamento in HTML e CSS.
Informazioni sullo strumento
Una Data URL è un formato speciale di URL che codifica il contenuto del file direttamente in una stringa di URL, consentendoti di incorporare immagini, caratteri e altre risorse inline nel tuo HTML e CSS senza richieste HTTP separate. Questo strumento converte qualsiasi file in una Data URL codificata in Base64, che è utile per ridurre le richieste al server, migliorare i tempi di caricamento della pagina per i piccoli asset e semplificare la distribuzione quando hai bisogno di markup autocontenuto.
Per utilizzare lo strumento, carica semplicemente un file o incolla il suo contenuto, e il codificatore genererà istantaneamente una Data URL che puoi copiare e incollare direttamente nella tua proprietà CSS background-image, in un attributo HTML img src, o in altri contesti di incorporamento. Lo strumento rileva automaticamente il tipo di file e imposta il tipo MIME corretto nella Data URL, in modo che il tuo browser sappia come interpretare il contenuto incorporato.
Le Data URL funzionano meglio per file piccoli, tipicamente sotto i 100 KB, poiché incorporare file di grandi dimensioni può gonfiare il tuo HTML e CSS. Sono particolarmente preziose per gli sviluppatori web che ottimizzano le prestazioni, i designer che incorporano caratteri personalizzati e i team che creano modelli di email o applicazioni offline-first, dove le richieste di asset esterni non sono pratiche.
Domande Frequenti
Implementazione del Codice
import base64
import mimetypes
from pathlib import Path
def file_to_data_url(filepath: str) -> str:
"""Convert a file to a base64 Data URL."""
path = Path(filepath)
mime_type, _ = mimetypes.guess_type(filepath)
if mime_type is None:
mime_type = "application/octet-stream"
with open(path, "rb") as f:
data = f.read()
encoded = base64.b64encode(data).decode("utf-8")
return f"data:{mime_type};base64,{encoded}"
# Example usage
url = file_to_data_url("image.png")
print(url[:80] + "...")
print(f"Total length: {len(url)} chars")
# Embed in HTML
html = f'<img src="{url}" alt="Embedded image">'Comments & Feedback
Comments are powered by Giscus. Sign in with GitHub to leave a comment.