CDRN

Ģenerēt placeholder attēlu

  • Dokumentācija
  • API

Kā to izmantot?

Norādiet vajadzīgā attēla izmēru tieši izsaucošajā URL. Varat izmantot ģenerētos attēlus savā HTML vai CSS, izpildot piemēru

Pirmais parametrs nosaka attēla platumu

Otrais parametrs nosaka attēla augstumu. Šis nav obligāts. Ja tas nav iestatīts, augstums būs tāds pats kā attēla platums (attēls būs kvadrātveida).


        <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

Piemēri

Kvadrātveida attēli


        <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

Attēli ar noteiktu augstumu


        <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

Bieži uzdotie jautājumi

Kādā formātā tiek rādīts ģenerētais attēls?

Attēli tiek atgriezti JPEG formātā, kas ir optimizēts tīmeklim. Svars saglabājas minimāls pat lieliem izmēriem, kas padara rīku piemērotu HTML un CSS maketiem, kuros ir daudz vietturu. Vizuālais saturs ir gradienta vai neitrāla aizpildījuma krāsa, nekad nav īsts ar autortiesībām aizsargāts fotoattēls.

Vai ģenerētajiem attēliem ir lieluma ierobežojums?

Saprātīgi izmēri ir no 16 pikseļiem līdz aptuveni 2000 pikseļiem katrā pusē. Turklāt renderēšana joprojām ir iespējama, taču ģenerēšana kļūst lēna bez reālas izmantošanas, jo vietturi ir paredzēti pieticīgākiem modeļiem. 1920 x 1080 pikseļu vizuālajam attēlam rīks reaģē bez problēmām.

Vai URL ir stabils un izmantojams ražošanā?

URL /image// ir deterministisks, varat to ielīmēt tā, kā tas ir savos tagos bez pirmās lejupielādes. Ražošanas vidē dodiet priekšroku gala attēlu mitināšanai mājās: šis pakalpojums galvenokārt ir paredzēts modeļiem, stāstu grāmatām un integrācijas testiem.

Ar ko tas atšķiras no Lorem Picsum vai Placeholder.com?

Lorem Picsum atgriež īstas nejaušas fotogrāfijas, kas ir patīkami piešķirt modelim reālismu. Vietne Placeholder.com piedāvā marķētus attēlus ar izmēriem. cdrn ģenerators atgriež vietturus vienkārši un ātri, bez ārējiem zvaniem vai trešās puses atkarībām jūsu priekšgala projektā.

Vai varam izvēlēties viettura krāsu?

Ne šajā versijā. Attēli tiek ģenerēti ar iepriekš noteiktu neitrālu atveidojumu. Ja jums ir precīzi jākontrolē fona krāsa, lai apstiprinātu izkārtojumu ar kontrastiem, izveidojiet statisku failu ar dažiem kilobaitiem vēlamajā ēnā vai tieši izmantojiet CSS div ar fona krāsu.

Kāds ieguvums ir priekšgala izstrādātājam?

Ātri pārbaudiet izkārtojumu, nesniedzot reālu attēlu, apstipriniet režģa atsaucību, bīdot vairākas proporcijas, ievadiet stāstu grāmatu vai Figma-HTML priekšskatījumu. Mārketinga speciālistiem un dizaineriem šis rīks tiek izmantots augstas precizitātes stiepļu rāmju skicēšanai, nepaļaujoties uz licencētiem fotoattēliem.

šis rīks nepiedāvā izpildes API