In questo articolo
Cosa Sono gli Emoji e Perché gli Sviluppatori ne Hanno Bisogno?
Gli emoji sono piccoli caratteri pittografici definiti nello standard Unicode. Quello che è iniziato come simboli dei telefoni cellulari giapponesi nel 1999 è diventato un linguaggio visivo universale con oltre 3.600 caratteri in Unicode 15.1.
Per gli sviluppatori, gli emoji sono più che decorazione. Appaiono nei messaggi di commit, nella documentazione, nelle etichette dell'interfaccia, nelle notifiche e nelle applicazioni di chat. Capire la codifica degli emoji è essenziale per gestirli correttamente.
Come Funzionano i Codici Emoji
Ogni emoji può essere rappresentato in più formati. Capire questi formati aiuta gli sviluppatori a usare correttamente gli emoji.
- Punto di codice Unicode — L'identificatore canonico, scritto come U+1F600. È il valore esadecimale assegnato dal Consorzio Unicode
- Entità HTML — Usata nel markup HTML: 😀 (hex) o 😀 (decimale). Entrambi rendono lo stesso emoji nei browser
- Codice CSS — Usato nelle proprietà CSS content: \1F600. Utile per pseudo-elementi come ::before e ::after
- Shortcode — Alias specifici per piattaforma come :grinning: usati in Slack, Discord, GitHub e altre piattaforme di messaggistica
I modificatori del tono della pelle aggiungono un ulteriore livello di complessità. Cinque caratteri modificatori (U+1F3FB a U+1F3FF) possono essere aggiunti agli emoji umani per cambiare il tono della pelle.
Prova gratuitamente — nessuna registrazione richiesta
Apri Selettore di Emoji →Usare gli Emoji nello Sviluppo Web
Gli emoji richiedono una gestione attenta nelle applicazioni web. Ecco le considerazioni chiave per gli sviluppatori.
- Archiviazione nel database — Assicuratevi che il database usi la codifica utf8mb4 (non utf8, che supporta solo caratteri di 3 byte)
- Gestione delle stringhe JavaScript — Gli emoji sono codificati come coppie surrogate in JavaScript. La stringa '😀'.length restituisce 2, non 1
- Rendering HTML — È possibile usare i caratteri emoji direttamente in HTML UTF-8, o usare le entità HTML per la codifica esplicita
Domande Frequenti
Perché gli emoji hanno un aspetto diverso su piattaforme diverse?
Unicode definisce cosa rappresenta ogni emoji, ma ogni piattaforma progetta la propria rappresentazione visiva. Il punto di codice Unicode è lo stesso ovunque, ma l'illustrazione è specifica della piattaforma.
Come trovo il punto di codice Unicode di un emoji?
Usa il nostro Selettore di Emoji — clicca su qualsiasi emoji per vedere il suo punto di codice Unicode (U+XXXX), l'entità HTML, il codice CSS e lo shortcode.
Qual è la differenza tra UTF-8 e UTF-16 per gli emoji?
UTF-8 codifica la maggior parte degli emoji in 4 byte, mentre UTF-16 usa coppie surrogate (2 × 2 byte = 4 byte). Le stringhe JavaScript usano UTF-16 internamente, ecco perché '😀'.length restituisce 2.