ForHosting KIT · Immagini e foto

Immagine in Base64

Il base64 trasforma un'immagine in una lunga stringa di testo che puoi incollare dentro HTML, CSS o JSON. Così l'immagine viaggia dentro il codice, senza un file separato da caricare. Questo strumento converte la tua foto in una data URI pronta all'uso, direttamente nel browser e gratis.

● StabileGratis · nel tuo browser
Usalo da WebAPIEmailApp prestoTelegram presto

Funziona nel tuo browser: gratis, senza registrazione, i file non escono dal tuo dispositivo.

Quando conviene incorporare l'immagine

Incorporare una piccola immagine in base64 fa risparmiare una richiesta al server: l'icona o il logo arrivano già dentro il CSS o l'HTML, senza un file esterno da scaricare. È comodo per email HTML dove i file allegati fanno storie, per un singolo componente autonomo o per un prototipo che vuoi tenere in un solo file. Incolli la stringa e l'immagine appare.

Data URI pronta da incollare

Lo strumento non ti dà solo il base64 grezzo: ti restituisce la data URI completa, con il prefisso del tipo di file già impostato, e gli snippet pronti per il tag img in HTML o per la proprietà background in CSS. Copi il blocco che ti serve e lo incolli nel progetto, senza costruire la stringa a mano.

Attenzione al peso

Il base64 è comodo, ma va usato con criterio: una stringa pesa circa un terzo in più del file originale e appesantisce il codice. Ha senso per icone e immagini piccole; per foto grandi conviene tenerle come file separati. Lo strumento ti mostra il peso finale della stringa così decidi con cognizione.

Email HTML

Chi invia una newsletter incorpora il logo in base64 nel modello, così l'immagine si vede anche quando il client di posta blocca i file remoti.

Componente autonomo

Uno sviluppatore di Firenze inserisce una piccola icona direttamente nel CSS del componente, evitando di gestire un file esterno.

Prototipo in un solo file

Per una demo veloce da mandare a un cliente, tutte le immagini finiscono dentro l'unico file HTML: niente cartelle, niente link rotti.

Cos'è una data URI?

È la stringa completa che inizia con data: seguita dal tipo di file e dal contenuto in base64. La incolli dove andrebbe l'indirizzo dell'immagine e la foto appare senza un file separato.

È gratis?

Sì, senza limiti. La conversione gira nel tuo browser. Per farlo in automatico su molti file via API il prezzo è $0.002 a richiesta.

La mia immagine viene inviata a un server?

No. Tutto avviene sul tuo dispositivo: l'immagine non lascia il browser e la stringa la generi in locale.

Conviene sempre incorporare le immagini?

No. Per icone e immagini piccole sì; per foto grandi il base64 gonfia il codice e conviene lasciare il file separato. Lo strumento ti mostra il peso finale.

Ricevo anche lo snippet pronto?

Sì: la data URI completa e gli esempi già pronti per HTML e CSS, così copi e incolli senza costruire la stringa a mano.

Tutto quello che vedi in questa pagina è disponibile anche via API. Questa sezione è per i team che vogliono integrarlo nei propri sistemi; chi non ne ha bisogno può semplicemente usare lo strumento qui sopra.

POSThttps://api.kit.forhosting.com/image/to-base64

Autenticazione con Bearer token: un POST mette in coda l'attività e il risultato arriva via webhook o link firmato.

curl -X POST https://api.kit.forhosting.com/image/to-base64 \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"image":"https://ejemplo.com/imagen.jpg"}'
{
  "image": "https://ejemplo.com/imagen.jpg"
}
{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "image.to_base64",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

L'API è asincrona: ricevi subito un task_id e puoi fare polling fino a 1 richiesta al secondo.

per richiesta$0.002

Prezzo pubblicato, senza token né crediti. Se l'attività fallisce, non paghi.

max_mb15
max_megapixels12
HTTPCodiceSignificato
401unauthorizedChiave API mancante o non valida: controlla l'header Authorization.
402insufficient_balanceCredito esaurito: ricarica per continuare a eseguire attività.
404unknown_typeTipo di attività sconosciuto: controlla il campo type della richiesta.
429rate_limitedTroppe richieste in poco tempo: rallenta e riprova tra qualche secondo.

Leggi la documentazione completa del KIT →