Spis treściKliknij link, aby przejść do wybranego miejsca
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)
- Na frontendzie sprawdzaj nie tylko rozszerzenie pliku, ale także typ MIME (file.type).
- Walidując na backendzie, analizuj zawartość pliku lub używaj bibliotek, które dokładnie określają format.
- Informuj użytkowników o wspieranych formatach.
- 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.