CDRN

Generuoti placeholder paveikslą

  • Dokumentacija
  • API

Kaip juo naudotis?

Nurodykite norimo vaizdo dydį tiesiai iškviečiančiame URL. Sugeneruotus vaizdus galite naudoti savo HTML arba CSS, vadovaudamiesi pavyzdžiu

Pirmasis parametras apibrėžia vaizdo plotį

Antrasis parametras apibrėžia vaizdo aukštį. Tai neprivaloma. Jei nenustatyta, aukštis bus toks pat kaip vaizdo plotis (vaizdas bus kvadratinis).


        <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

Pavyzdžiai

Kvadratiniai vaizdai


        <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

Vaizdai su konkrečiu aukščiu


        <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

Dažnai užduodami klausimai

Kokiu formatu pateikiamas sugeneruotas vaizdas?

Vaizdai grąžinami JPEG formatu, optimizuotu žiniatinkliui. Svoris išlieka minimalus net esant dideliems matmenims, todėl įrankis tinka HTML ir CSS maketams, kuriuose yra daug vietos rezervavimo ženklų. Vaizdinis turinys yra gradiento arba neutralios užpildo spalvos, o ne tikroji autorių teisių saugoma nuotrauka.

Ar yra sugeneruotų vaizdų dydžio apribojimas?

Pagrįsti matmenys svyruoja nuo 16 iki maždaug 2000 pikselių vienoje pusėje. Be to, atvaizdavimas išlieka įmanomas, tačiau generavimas tampa lėtas be jokio realaus naudojimo, nes vietos rezervavimo ženklai yra skirti kuklesniams modeliams. 1920 x 1080 herojaus vaizdo atveju įrankis reaguoja be problemų.

Ar URL yra stabilus ir tinkamas naudoti gamyboje?

URL /image// yra deterministinis, galite jį įklijuoti tokį, koks yra žymose, prieš tai neatsisiųsdami. Gamybos aplinkoje pirmenybę teikite galutiniams vaizdams priglobti namuose: ši paslauga visų pirma skirta modeliams, pasakojimams ir integravimo testams.

Kuo tai skiriasi nuo Lorem Picsum arba Placeholder.com?

Lorem Picsum grąžina tikras atsitiktines nuotraukas, malonu modeliui suteikti tikroviškumo. Placeholder.com pateikia pažymėtus vaizdus su matmenimis. Cdrn generatorius grąžina vietos rezervavimo ženklus paprastai ir greitai, be išorinių skambučių ar trečiųjų šalių priklausomybių jūsų priekiniame projekte.

Ar galime pasirinkti rezervuotos vietos spalvą?

Ne šioje versijoje. Vaizdai generuojami naudojant iš anksto nustatytą neutralų atvaizdavimą. Jei reikia tiksliai valdyti fono spalvą, kad patvirtintumėte išdėstymą su kontrastais, sukurkite statinį kelių kilobaitų failą norimu atspalviu arba tiesiogiai naudokite CSS div su fono spalva.

Kokia nauda sąsajos kūrėjui?

Greitai išbandykite išdėstymą nepateikdami tikro vaizdo, patikrinkite tinklelio jautrumą slinkdami keliais koeficientais, pateikite pasakojimų knygą arba Figma į HTML peržiūrą. Rinkodaros specialistams ir dizaineriams įrankis naudojamas didelio tikslumo vieliniams rėmams nubraižyti, nepasikliaujant licencijuotomis nuotraukomis.

šis įrankis nesiūlo vykdymo API