Cała oryginalna treść jest tworzona po ukraińsku. Nie wszystkie treści zostały jeszcze przetłumaczone. Niektóre posty mogą być dostępne tylko po ukraińsku.Dowiedz się więcej

Czym jest format HEIC i dlaczego proste zmienienie jego nazwy na .jpg to zły pomysł

Okładka posta: Czym jest format HEIC i dlaczego proste zmienienie jego nazwy na .jpg to zły pomysł
Ta treść została automatycznie przetłumaczona z ukraińskiego.
Nowoczesne iPhone oraz niektóre urządzenia z Androidem robią zdjęcia w formacie HEIC (High Efficiency Image Coding) — to nowy standard obrazów, który pozwala na przechowywanie wysokiej jakości zdjęć w mniejszym rozmiarze niż tradycyjny JPEG. Efektywne, prawda? Ale z tym formatem wiąże się kilka ważnych niuansów.

Wsparcie w przeglądarkach

HEIC nie jest wspierany przez wszystkie przeglądarki. Na przykład:
  • ✅ Safari (na macOS i iOS) wspiera HEIC.
  • ❌ Chrome, Firefox, Edge — nie wspierają HEIC bezpośrednio.
To znaczy, że jeśli załadujesz plik HEIC na stronę i spróbujesz go wyświetlić — użytkownicy w większości przeglądarek po prostu nie zobaczą obrazów.

Częsty problem: użytkownicy po prostu zmieniają .heic → .jpg

Aby przejść walidację HTML podczas przesyłania obrazu (na przykład przez <input type="file" accept="image/jpeg">), niektórzy użytkownicy po prostu zmieniają nazwę pliku z photo.heic na photo.jpg.
I, niestety, przeglądarka nie zawsze może to wykryć od razu.
Co się dzieje dalej?
  • Serwer lub frontend myśli, że to .jpg, ale nie może go przetworzyć.
  • Mogą wystąpić błędy podczas przetwarzania obrazu, generowania miniaturek lub podczas przeglądania w przeglądarce.
  • A najgorsze — takie pliki mogą "zepsuć" pipeline obrazów na stronie.

Co robić (dla deweloperów)

  1. Na frontendzie sprawdzaj nie tylko rozszerzenie pliku, ale także typ MIME (file.type).
  2. Walidując na backendzie, analizuj zawartość pliku lub używaj bibliotek, które dokładnie określają format.
  3. Informuj użytkowników o wspieranych formatach.
  4. Kiedy nie działa przesyłanie jpg - w trakcie debugowania sprawdź mime-type. Ten koń trojański może zabrać czas, więc lepiej od razu sprawdzić, co jest w środku.
HEIC — nowoczesny i efektywny format, ale jeszcze nie wszędzie wspierany. Zmiana rozszerzenia pliku — nie konwersja formatu, i tworzy więcej problemów, niż rozwiązuje. Jeśli jesteś deweloperem — sprawdzaj format na poziomie zawartości. Jeśli jesteś użytkownikiem — lepiej użyj konwertera niż zmiany nazwy.

Ten post nie ma jeszcze żadnych dodatków od autora.

Zadanie na sprawdzenie poprawności rozmieszczenia nawiasów (Ruby)
21 maj 10:27

Zadanie na sprawdzenie poprawności rozmieszczenia nawiasów (Ruby)

meme code
meme code@memecode
Jak znaleźć podtablicę o maksymalnej sumie (Maximum Subarray Sum) w Ruby
22 maj 11:01

Jak znaleźć podtablicę o maksymalnej sumie (Maximum Subarray Sum) w Ruby

meme code
meme code@memecode
Reklama w Google dla początkujących: Krok po kroku do udanego startu
28 maj 10:21

Reklama w Google dla początkujących: Krok po kroku do udanego startu

meme code
meme code@memecode
Czym jest jemalloc i jak ma się do Ruby / Ruby on Rails
30 maj 11:53

Czym jest jemalloc i jak ma się do Ruby / Ruby on Rails

meme code
meme code@memecode
5 cze 01:52

[Fixed] niezainicjowana stała ActiveSupport::LoggerThreadSafeLevel::Logger (NameError)

meme code
meme code@memecode
Podgląd w zakładce network po aktualizacji Chrome stał się bardzo mały
5 cze 18:23

Podgląd w zakładce network po aktualizacji Chrome stał się bardzo mały

meme code
meme code@memecode
Dlaczego wybór CMS jest ważny podczas tworzenia strony internetowej?
29 cze 12:34

Dlaczego wybór CMS jest ważny podczas tworzenia strony internetowej?

meme code
meme code@memecode
Błąd 403 na stronie: co to oznacza i jak go naprawić
24 lip 23:50

Błąd 403 na stronie: co to oznacza i jak go naprawić

meme code
meme code@memecode
Co to jest vibe coding?
25 lip 21:51

Co to jest vibe coding?

meme code
meme code@memecode
Czym jest eksplozja kombinatoryczna?
28 lip 11:50

Czym jest eksplozja kombinatoryczna?

meme code
meme code@memecode
Co to jest stos mózgowy (brain stack)?
28 lip 19:37

Co to jest stos mózgowy (brain stack)?

meme code
meme code@memecode
Co to jest przepełnienie całkowite?
15 sie 08:28

Co to jest przepełnienie całkowite?

meme code
meme code@memecode