CDRN

Genereeri placeholder-pilt

  • Dokumentatsioon
  • API

Kuidas seda kasutada?

Määrake soovitud pildi suurus otse kutsuvas URL-is. Saate kasutada loodud pilte oma HTML-is või CSS-is, järgides näidet

Esimene parameeter määrab pildi laiuse

Teine parameeter määrab pildi kõrguse. See on valikuline. Kui seda pole määratud, on kõrgus sama, mis pildi laius (pilt on ruudukujuline).


        <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

Näited

Ruudukujulised pildid


        <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

Konkreetse kõrgusega pildid


        <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

Korduma kippuvad küsimused

Millises vormingus genereeritud pilti esitatakse?

Pildid tagastatakse veebi jaoks optimeeritud JPEG-vormingus. Kaal jääb ka suurte mõõtmete korral minimaalseks, mistõttu sobib tööriist palju kohahoidjaid sisaldavate HTML- ja CSS-makettide jaoks. Visuaalne sisu on gradient või neutraalne täitevärv, mitte kunagi tõeline autoriõigustega kaitstud foto.

Kas loodud piltidel on suuruse piirang?

Mõistlikud mõõtmed on vahemikus 16 pikslit kuni umbes 2000 pikslit külje kohta. Peale selle on renderdamine võimalik, kuid genereerimine muutub aeglaseks ilma tegeliku kasutamiseta, kuna kohahoidjad on mõeldud tagasihoidlikumate mudelite jaoks. 1920 x 1080 herovisuaali korral reageerib tööriist probleemideta.

Kas URL on stabiilne ja tootmises kasutatav?

URL /image// on deterministlik, saate selle kleepida nii, nagu see on oma -märgendites, ilma esmalt alla laadimata. Tootmiskeskkonnas eelistage lõplike piltide majutamist kodus: see teenus on mõeldud peamiselt mudelite, juturaamatute ja integratsioonitestide jaoks.

Kuidas see erineb Lorem Picsumist või Placeholder.com-ist?

Lorem Picsum tagastab tõelised juhuslikud fotod, mis on kena modellile realistlikkuse andmiseks. Placeholder.com pakub sildistatud pilte koos mõõtmetega. CDRN-i generaator tagastab kohatäited lihtsalt ja kiiresti, ilma väliste kõnede või kolmanda osapoole sõltuvusteta teie esiotsa projektis.

Kas me saame kohatäite värvi valida?

Selles versioonis mitte. Pildid genereeritakse eelnevalt määratletud neutraalse renderdusega. Kui teil on vaja kontrastidega paigutuse kinnitamiseks täpselt taustavärvi juhtida, looge mõne kilobaidine soovitud tooniga staatiline fail või kasutage otse CSS-i div koos taustavärviga.

Mis kasu on esiotsa arendajale?

Testige kiiresti paigutust ilma tõelist pilti esitamata, kinnitage ruudustiku reageerimisvõime, libistades mitut suhet, söödake juturaamatut või Figma-HTML-i eelvaadet. Turundajate ja disainerite jaoks kasutatakse seda tööriista kõrgtäpsusega traatraamide visandamiseks ilma litsentsitud fotodele tuginemata.

see tööriist ei paku täidetava API-d