PNG vs JPEG vs JPEG XL - Image Format Comparison Tool

PNG (bezstratny) —

100%

Brak obrazu

JPEG (quality —) —

100%

Brak obrazu

JPEG XL (quality —) —

100%

Brak obrazu

Synchronizuj

Zoom 100%

Wybierz obraz

Rozmiar vs JPEG

PNG (bezstratny) —

JPEG (bazowy) —

JPEG XL —

Jak dodać własny obraz

1. Pobierz skrypt konwersji:

convert_images.py

2. Zainstaluj wymagane narzędzia:

pip install pillow pillow-heif

Oraz zainstaluj libjxl (cjxl) dla konwersji JPEG XL.

3. Uruchom konwersję na swoim obrazie:

python convert_images.py twoj_obraz.png

Obsługiwane formaty: PNG, JPEG, DNG, HEIC, RAW.

4. Skopiuj wygenerowany folder do output/:

cp -r output/twoj_obraz output/

5. Dodaj wpis w index.html:

Znajdź sekcję <div class="custom-select-dropdown"> i dodaj nową opcję:

<div class="select-option" data-value="twoj_obraz">
  <img class="option-thumbnail" src="output/twoj_obraz/converted.jpg">
  <div class="option-text">
    <span class="option-title">Nazwa obrazu</span>
    <span class="option-dimensions">1920 × 1080</span>
  </div>
</div>

Skróty klawiszowe

F Dopasuj do ekranu

0 Resetuj zoom (100%)

+ Powiększ

- Pomniejsz

S Przełącz synchronizację

R Resetuj pozycję widoku