Obraz i media
Obraz i media — 5 darmowych narzędzi w przeglądarce: konwerter Base64 obrazów, generator obrazów zastępczych i generator obrazów OG. Wszystko działa lokalnie bez rejestracji, Twoje dane są prywatne, a wyniki natychmiastowe.
Jak używać
- 1Upuść obraz w narzędziu— Plik jest czytany w przeglądarce przez API FileReader, więc obraz przetwarzany jest w karcie i żadne przesłanie nie opuszcza Twojego komputera.
- 2Przekonwertuj albo odchudź— Zrób z PNG lub JPG faviconę .ico w kilku rozmiarach, zakoduj obraz jako data URI Base64, albo przepuść SVG przez optymalizator, by usunąć metadane edytora i skrócić ścieżki.
- 3Pobierz plik albo wklej go inline— Zapisz wynik lub skopiuj data URI wprost do CSS-a czy HTML-a; generatory obrazu OG i obrazka zastępczego zrobią grafikę, której stronie jeszcze brakuje.
Najczęściej zadawane pytania
Nie. Plik jest wczytywany przez FileReader i przetwarzany na elemencie canvas w przeglądarce, więc nic nie opuszcza komputera. Dotyczy to tak samo konwertera ICO, konwertera obrazów na Base64 i optymalizatora SVG.
1200x630 pikseli, czyli proporcje 1,91:1, bo właśnie tak przycinają Facebook, X i większość komunikatorów. Generator obrazów OG startuje dokładnie z tego płótna, a utrzymanie pliku w okolicach 1 MB lub poniżej zapobiega przekroczeniu czasu podglądu przy wolniejszych robotach.
Przy małych zasobach — ikonach i drobnych logotypach ważących kilka kilobajtów — gdy zaoszczędzone żądanie HTTP przeważa nad około 33% wzrostem rozmiaru po zakodowaniu. Większe obrazy lepiej zostawić jako pliki, aby przeglądarka mogła je buforować osobno i ładować leniwie.