Alle Originalinhalte werden auf Ukrainisch erstellt. Noch nicht alle Inhalte wurden übersetzt. Einige Beiträge sind möglicherweise nur auf Ukrainisch verfügbar.Mehr erfahren

Was ist das HEIC-Format und warum ist es eine schlechte Idee, es einfach in .jpg umzubenennen?

Beitrags-Cover: Was ist das HEIC-Format und warum ist es eine schlechte Idee, es einfach in .jpg umzubenennen?
InhaltsverzeichnisKlicke auf den Link, um zur gewünschten Stelle zu navigieren
Dieser Inhalt wurde automatisch aus dem Ukrainischen übersetzt.
Moderne iPhones und einige Android-Geräte nehmen Fotos im HEIC (High Efficiency Image Coding)-Format auf – ein neuer Standard für Bilder, der es ermöglicht, qualitativ hochwertige Fotos in einer kleineren Dateigröße als das herkömmliche JPEG zu speichern. Effizient, oder? Aber mit diesem Format sind einige wichtige Nuancen verbunden.

Unterstützung in Browsern

HEIC wird nicht von allen Browsern unterstützt. Zum Beispiel:
  • ✅ Safari (auf macOS und iOS) unterstützt HEIC.
  • ❌ Chrome, Firefox, Edge – unterstützen HEIC nicht direkt.
Das bedeutet, dass Benutzer in den meisten Browsern einfach keine Bilder sehen werden, wenn sie eine HEIC-Datei auf eine Website hochladen und versuchen, sie anzuzeigen.

Häufiges Problem: Benutzer ändern einfach .heic → .jpg

Um die HTML-Validierung beim Hochladen eines Bildes (zum Beispiel über <input type="file" accept="image/jpeg">) zu bestehen, benennen einige Benutzer die Datei einfach um von photo.heic in photo.jpg.
Und leider kann der Browser dies nicht immer sofort erkennen.
Was passiert dann?
  • Der Server oder das Frontend denkt, es sei .jpg, kann es aber nicht verarbeiten.
  • Es können Fehler bei der Verarbeitung des Bildes, der Generierung von Miniaturansichten oder beim Anzeigen im Browser auftreten.
  • Am schlimmsten ist, dass solche Dateien die Bildpipeline auf der Website "brechen" können.

Was zu tun ist (für Entwickler)

  1. Im Frontend überprüfen Sie nicht nur die Dateiendung, sondern auch den MIME-Typ (file.type).
  2. Bei der Validierung im Backend analysieren Sie den Inhalt der Datei oder verwenden Sie Bibliotheken, die das Format genau bestimmen.
  3. Warnen Sie die Benutzer vor unterstützten Formaten.
  4. Wenn das Hochladen von jpg nicht funktioniert – überprüfen Sie während des Debuggens den MIME-Typ. Dieses Trojanische Pferd kann Zeit kosten, also schauen Sie besser gleich hinein.
HEIC ist ein modernes und effizientes Format, wird aber noch nicht überall unterstützt. Die Änderung der Dateiendung ist keine Formatkonvertierung und schafft mehr Probleme, als sie löst. Wenn Sie Entwickler sind – überprüfen Sie das Format auf Inhaltsebene. Wenn Sie Benutzer sind – verwenden Sie besser einen Konverter, als den Dateinamen zu ändern.

Dieser Beitrag hat noch keine Ergänzungen vom Autor.

Aufgabe zur Überprüfung der richtigen Platzierung von Klammern (Ruby)
21. Mai, 10:27 Uhr

Aufgabe zur Überprüfung der richtigen Platzierung von Klammern (Ruby)

meme code
meme code@memecode
Wie man das Teilarray mit der maximalen Summe (Maximum Subarray Sum) in Ruby findet
22. Mai, 11:01 Uhr

Wie man das Teilarray mit der maximalen Summe (Maximum Subarray Sum) in Ruby findet

meme code
meme code@memecode
Google-Werbung für Anfänger: Schritt-für-Schritt-Anleitung für einen erfolgreichen Start
28. Mai, 10:21 Uhr

Google-Werbung für Anfänger: Schritt-für-Schritt-Anleitung für einen erfolgreichen Start

meme code
meme code@memecode
Was ist jemalloc und wie hängt es mit Ruby / Ruby on Rails zusammen
30. Mai, 11:53 Uhr

Was ist jemalloc und wie hängt es mit Ruby / Ruby on Rails zusammen

meme code
meme code@memecode
05. Jun, 01:52 Uhr

[Fixed] nicht initialisierte Konstante ActiveSupport::LoggerThreadSafeLevel::Logger (NameError)

meme code
meme code@memecode
Die Vorschau im Netzwerk-Tab ist nach dem Update von Chrome sehr klein geworden.
05. Jun, 18:23 Uhr

Die Vorschau im Netzwerk-Tab ist nach dem Update von Chrome sehr klein geworden.

meme code
meme code@memecode
Warum die Wahl des CMS bei der Website-Entwicklung wichtig ist?
29. Jun, 12:34 Uhr

Warum die Wahl des CMS bei der Website-Entwicklung wichtig ist?

meme code
meme code@memecode
Fehler 403 auf der Website: Was bedeutet das und wie behebt man ihn
24. Jul, 23:50 Uhr

Fehler 403 auf der Website: Was bedeutet das und wie behebt man ihn

meme code
meme code@memecode
Was ist Vibe-Coding?
25. Jul, 21:51 Uhr

Was ist Vibe-Coding?

meme code
meme code@memecode
Was ist eine kombinatorische Explosion?
28. Jul, 11:50 Uhr

Was ist eine kombinatorische Explosion?

meme code
meme code@memecode
Was ist ein Gehirnstapel (brain stack)?
28. Jul, 19:37 Uhr

Was ist ein Gehirnstapel (brain stack)?

meme code
meme code@memecode
Was ist ein Integer-Overflow?
15. Aug, 08:28 Uhr

Was ist ein Integer-Overflow?

meme code
meme code@memecode