O tym narzędziu

Generator obrazków zastępczych tworzy placeholder PNG o dowolnej szerokości i wysokości, z wybranym kolorem tła, kolorem tekstu i etykietą (domyślnie „szerokość×wysokość”), a do tego gotowy znacznik img.

Jak używać

  1. Wpisz szerokość i wysokość w pikselach.
  2. Wybierz kolor tła i tekstu.
  3. Opcjonalnie wpisz własną etykietę.
  4. Pobierz PNG lub skopiuj znacznik img.

Warto wiedzieć

  • Obraz jest rysowany przez Canvas API w pełnym rozmiarze w pikselach i zapisywany jako PNG.
  • Ukośne linie pomocnicze i wyśrodkowany tekst sprawiają, że placeholdery łatwo wypatrzyć w makietach.
  • Ustawienie atrybutów width i height w znacznikach img rezerwuje miejsce i zapobiega przesunięciom układu.
  • Lokalne placeholdery uwalniają Cię od zewnętrznych serwisów z obrazkami zastępczymi podczas developmentu.

Działa w całości w przeglądarce — nic, co wpiszesz, nie jest wysyłane ani zapisywane.

Najczęściej zadawane pytania

Jak stworzyć obrazek zastępczy?

Wpisz rozmiar i kolory, a potem kliknij Download PNG; plik powstaje od razu na Twoim urządzeniu.

Jakiego rozmiaru placeholdera użyć?

Dopasuj go do docelowych wymiarów obrazu, np. 1200 × 630 dla podglądów w social mediach albo 1920 × 1080 dla obrazów hero, żeby układ był dokładny.

Czy mogę zmienić tekst na placeholderze?

Tak. Wpisz dowolną etykietę; jeśli zostawisz pole puste, obraz pokaże swoje wymiary.

Czy potrzebuję internetu lub zewnętrznego serwisu?

Nie. Obraz jest generowany lokalnie w Twojej przeglądarce, bez żadnego zapytania do serwisu z placeholderami.