Generator Placeholder Obrazów

Witaj w generatorze placeholderów! Ta prosta usługa pozwala na szybkie generowanie obrazów placeholder o dowolnych wymiarach i formatach. Idealne do prototypowania stron internetowych i aplikacji.

Jak używać

Generator używa prostego formatu URL do tworzenia placeholderów. Podstawowa składnia wygląda następująco:

/image/szerokośćxwysokość/format

Na przykład, aby wygenerować obraz o wymiarach 800x600 pikseli w formacie WebP, użyj:

/image/800x600/webp

Parametry

Możesz dostosować placeholder, dodając parametry do zapytania URL:

text - Tekst wyświetlany na obrazie (domyślnie: wymiary obrazu)
bg - Kolor tła w formacie hex (domyślnie: cccccc)
color - Kolor tekstu w formacie hex (domyślnie: 333333)

Przykład z parametrami:


                        /image/800x600/webp?text=Twoja+grafika&bg=ff0000&color=ffffff

Przykłady

Podstawowy placeholder

/image/300x200/png

Z własnym tekstem

/image/300x200/jpg?text=Przykład

Z niestandardowymi kolorami


                                /image/400x300/webp?bg=4285f4&color=ffffff

Duży obraz

/image/660x660/png?text=Duży+baner

Obsługiwane formaty

Generator obsługuje następujące formaty obrazów:

PNG - Format bezstratny z obsługą przezroczystości
JPG/JPEG - Format stratny, mniejszy rozmiar pliku
WebP - Nowoczesny format optymalizujący rozmiar i jakość

Użycie w kodzie

Placeholder można łatwo zintegrować z dowolną stroną internetową:

<img src="/image/800x500/webp?text=Twoja+grafika" alt="Placeholder" />

Lub w CSS jako tło:

.element {
    background-image: url("/image/1920x1080/webp?bg=f0f0f0");
}