Was sind Smilies und Smileys?
Smilies (auch Smileys oder Emojis genannt) sind kleine grafische Symbole, meist als GIF, PNG oder SVG. Häufig zeigen sie ein rundes Gesicht mit unterschiedlichen Emotionen wie Lachen, Zwinkern, Weinen oder Staunen. Durch zusätzliche Elemente wie Hände, Finger, Accessoires oder Animationen können Smilies nicht nur Gefühle ausdrücken, sondern auch kleine Geschichten erzählen.
Du nutzt Smilies vor allem dort, wo Text allein Emotionen nur schwer transportiert: in Foren, Blogs, Gästebüchern, Chats, Social Media oder Kommentarfunktionen. Auch auf Webseiten sorgen sie für Auflockerung und visuelle Akzente.
Smilies & Emojis – Unicode
Alle folgenden Emojis sind Unicode-Emojis nach dem offiziellen Standard.
Du kannst jeden Smiley direkt kopieren und einfügen – kompatibel mit HTML, WordPress, Foren, Chats und Social Media.
😀 😃 😄 1. Smileys & Emotionen
👋 🤚 ✋ 2. Gesten & Hände
🧑 👨 👩 3. Menschen & Alter
👨👩👧👦 4. Familien & Beziehungen
🦸 🧙 5. Fantasie, Rollen & Berufe
🐶 🐱 6. Tiere
🍏 🍔 7. Essen & Getränke
⚽ 🚗 ✈️ 8. Freizeit, Sport & Verkehr
🏠 🌍 9. Orte, Natur & Wetter
❤️ 💡 10. Symbole & Zeichen
⚠️ Wichtige Einschränkung: Emoji-Designs ≠ Emoji-Zeichen
Was viele verwechseln:
| Was Du nutzt | Lizenzstatus |
|---|---|
| 😀 (Unicode-Zeichen im Text) | ✅ lizenzfrei |
| Apple-Emoji-Grafiken | ❌ nicht lizenzfrei |
| Google-Emoji-Grafiken | ❌ eingeschränkt |
| Microsoft-Emoji-Grafiken | ❌ nicht frei |
| Emoji-Bilder aus Apps | ❌ meist urheberrechtlich geschützt |
Erklärung:
Unicode definiert nur das Zeichen, nicht das grafische Aussehen.
Das Design (z. B. Apple-Stil, Google-Stil) ist urheberrechtlich geschützt.
✅ Was Du bedenkenlos tun kannst
✔ Emojis direkt als Zeichen im Text verwenden
✔ Emojis kopieren & einfügen
✔ Emojis in Überschriften, Menüs und SEO-Snippets einsetzen
✔ Emojis in kommerziellen Webseiten nutzen
✔ Emojis in WordPress ohne Plugin verwenden
❌ Was Du vermeiden solltest
✖ Emoji-Grafiken aus iOS, Android oder Windows exportieren
✖ Emoji-PNG/GIFs aus Messenger-Apps verwenden
✖ Emoji-Icons aus fremden Designsets ohne Lizenz einbinden
✅ Sichere Alternative für Emoji-Grafiken
Wenn Du Emoji-Bilder (PNG/SVG) statt Zeichen brauchst, nutze ausschließlich:
- explizit lizenzfreie Icon-Bibliotheken
- Anbieter mit Creative-Commons- oder kommerzieller Lizenz
- eigene, selbst gestaltete Emojis
Zusammenfassung Unicode-Emojis
- Unicode-Emojis = lizenzfrei ✔
- Emoji-Grafiken/Designs = meist nicht lizenzfrei ❌
- Für HTML & WordPress bist Du mit reinen Unicode-Emojis rechtlich auf der sicheren Seite
Smilies, Emojis und Emoticons – der Unterschied
- Smilies / Smileys: Grafische Bilder, oft animiert (GIF), klassisch aus Foren bekannt.
- Emojis: Standardisierte Unicode-Zeichen, systemübergreifend nutzbar (Smartphone, Desktop, Web).
- Emoticons: Kombinationen aus Satzzeichen wie
:-)oder;-).
Eine der bekanntesten Quellen für Emojis ist Emojipedia, dort findest Du Beschreibungen, Bedeutungen und Beispiele zu nahezu allen Emojis.
Smilies auf Webseiten einsetzen (HTML & WordPress)
Smilies in HTML-Webseiten
Wenn Du Deine Webseite klassisch mit HTML erstellst, bindest Du Smilies meist als Bilddateien ein:
- GIFs für animierte Smilies
- PNG oder SVG für statische Smilies
- Einbindung per
<img>-Tag - Achte auf
alt-Texte für Barrierefreiheit und SEO
Smilies in WordPress
In WordPress hast Du mehrere Möglichkeiten:
- Nutzung der integrierten Emoji-Funktion von WordPress
- Einbindung externer Smilies als Bild im Block-Editor
- Plugins für Smilies, Emojis oder Icon-Sammlungen
- Eigene Smilies per Medienbibliothek hochladen
Tipp: Reduziere die Anzahl animierter GIFs, um Ladezeiten und Core Web Vitals nicht negativ zu beeinflussen.
Smilies selbst erstellen
Wenn Du eigene Smilies gestalten möchtest, findest Du hier eine Anleitung:
https://www.greensmilies.com/2009/05/11/tutorial-gruene-smilies-selber-machen
Damit kannst Du individuelle Smilies für Dein Forum, Deine Webseite oder Dein WordPress-Projekt erstellen.
Smilies & Emojis – Anbieterübersicht (alphabetisch)
| Link zum Anbieter | Beschreibung des Angebots |
|---|---|
| https://cheesebuerger.de/smilie.php | Umfangreiches Smilies-Archiv |
| https://de.freepik.com/fotos-vektoren-kostenlos/smiley | Smileys als Vektoren, Fotos und Grafiken |
| https://emojipedia.org | Umfangreiche Emoji-Datenbank mit Bedeutungen |
| https://www.flaticon.com/de/kostenlose-icons/smiley | Über 30.000 Smiley-Icons |
| https://www.greensmilies.com | Große Sammlung ausschließlich grüner Smilies |
| https://www.mazeguy.net/smilies.html | Sehr große Smilie-Auswahl |
| https://pixabay.com/de/images/search/smiley | Kostenlose Smiley-, Emoji- und Emoticon-Bilder |
| https://www.smileygarden.de | Kostenlose Smileys für Foren, Gästebücher und E-Mails |
Fazit
Smilies, Smileys und Emojis sind ein bewährtes Mittel, um Emotionen, Stimmung und Persönlichkeit in digitale Inhalte zu bringen. Ob klassische HTML-Webseite oder modernes WordPress-Projekt – mit der richtigen Auswahl, optimierter Einbindung und passenden Quellen wertest Du Deine Inhalte visuell und kommunikativ deutlich auf.