Generatory zastępczych obrazków – image placeholder

picsum.photos

picsum.photos generuje za każdym odświeżeniem strony ten sam lub losowy obrazek prostokąty lub kwadratowy (jeśli użyjemy tylko jednej wartości wymiaru) z określonym przez nas wymiarem w pikselach.

<img src="https://picsum.photos/300/200">
<img src="https://picsum.photos/300"> 
<img src="https://picsum.photos/seed/picsum/300/200">

Użycie filtra Grayscale lub Blur, poprzez dodanie parametru: ?grayscale ?blur

<img src="https://picsum.photos/300/200/?grayscale">
<img src="https://picsum.photos/300/200/?blur">


dummyimage

dummyimage.com generuje placeholder obrazka o podanych wymiarach i kolorze tła i tekstu, pozwala na podanie własnego tekstu zamiast wymiarów.

<img src="https://dummyimage.com/600x400/000/fff">
<img src="https://dummyimage.com/600x400/ccc/fff&text=placeholder+image">

avatar placeholder

avatar-placeholder generuje placeholder avatarów osób.

<img src="https://avatar.iran.liara.run/public/6" width="200" height="200">

placehold.co

placehold.co

placeholders.dev

placeholders.dev

fakeimg.pl

fakeimg.pl

kolekcja makiet do produktów

placeit.net

Hope this helps and happy coding :)

Zobacz jeszcze

normalize

biblioteka Normalize.css - poprawa typowych niezgodności między...

tekst na stronie

Większość przeglądarek ma obecnie ustawioną wielkość bazową czcionki na 16px.   Jednostki tekstu: % w elemencie body określamy wielkość bazowa -> font-size:100% - czyli...