CDRN

Generirati placeholder sliku

  • Dokumentacija
  • API

Kako ga koristiti?

Navedite veličinu željene slike izravno u pozivnom URL-u. Generirane slike možete koristiti u svom HTML-u ili CSS-u slijedeći primjer

Prvi parametar definira širinu slike

Drugi parametar definira visinu slike. Ovo nije obavezno. Ako nije postavljeno, visina će biti jednaka širini slike (slika će biti kvadratna). 


        <img src="https://cdrn.fr/60" alt="placeholder image">
        <img src="https://cdrn.fr/120x100" alt="placeholder image">
        <img src="https://cdrn.fr/80x100" alt="placeholder image">
placeholder image placeholder image placeholder image

Primjeri

Kvadratne slike 


        <img src="https://cdrn.fr/32" alt="placeholder image">
        <img src="https://cdrn.fr/64" alt="placeholder image">
        <img src="https://cdrn.fr/96" alt="placeholder image">
        <img src="https://cdrn.fr/128" alt="placeholder image">
placeholder image placeholder image placeholder image placeholder image

Slike s određenim visinama 


        <img src="https://cdrn.fr/100x60" alt="placeholder image">
        <img src="https://cdrn.fr/200x120" alt="placeholder image">
        <img src="https://cdrn.fr/75x120" alt="placeholder image">
        <img src="https://cdrn.fr/150x240" alt="placeholder image">
placeholder image placeholder image placeholder image placeholder image

Često postavljana pitanja

U kojem se formatu poslužuje generirana slika?

Slike se vraćaju u JPEG formatu, optimiziranom za web. Težina ostaje minimalna čak i za velike dimenzije, što alat čini prikladnim za HTML i CSS modele koji sadrže puno rezerviranih mjesta. Vizualni sadržaj je gradijent ili neutralna boja ispune, nikad prava fotografija zaštićena autorskim pravima.

Postoji li ograničenje veličine za generirane slike?

Razumne dimenzije kreću se od 16 px do oko 2000 px po strani. Osim toga, renderiranje ostaje moguće, ali generiranje postaje sporo bez ikakve stvarne upotrebe, jer su rezervirana mjesta namijenjena skromnijim modelima. Za glavni vizual od 1920 x 1080, alat reagira bez problema.

Je li URL stabilan i upotrebljiv u proizvodnji?

URL /image// je deterministički, možete ga zalijepiti kakav jest u svoje oznake bez prethodnog preuzimanja. Za produkcijsko okruženje radije hostirajte konačne slike kod kuće: ova je usluga prvenstveno namijenjena modelima, knjigama priča i integracijskim testovima.

Po čemu se razlikuje od Lorem Picsuma ili Placeholder.com?

Lorem Picsum vraća prave nasumične fotografije, lijepo daje modelu realizam. Placeholder.com poslužuje označene slike s dimenzijama. Generator cdrn vraća rezervirana mjesta jednostavno i brzo, bez vanjskih poziva ili ovisnosti trećih strana u vašem front-end projektu.

Možemo li odabrati boju rezerviranog mjesta?

Ne u ovoj verziji. Slike se generiraju s unaprijed definiranim neutralnim prikazom. Ako trebate precizno kontrolirati boju pozadine da potvrdite izgled s kontrastima, stvorite statičnu datoteku od nekoliko kilobajta u željenoj nijansi ili izravno upotrijebite CSS div s background-color.

Koja je korist za front-end programera?

Brzo testirajte izgled bez potrebe za pružanjem stvarne slike, potvrdite responzivnost mreže pomicanjem nekoliko omjera, unesite knjigu priča ili Figma-to-HTML pregled. Za marketinške stručnjake i dizajnere, alat se koristi za skiciranje žičanih okvira visoke vjernosti bez oslanjanja na licencirane fotografije.

ovaj alat ne nudi API za izvršavanje