CDRN

Iġġenera immaġni placeholder

  • Dokumentazzjoni
  • API

Kif tużah?

Speċifika d-daqs tal-immaġni mixtieqa direttament fil-URL tas-sejħa. Tista' tuża l-immaġini ġġenerati fl-HTML jew CSS tiegħek billi ssegwi l-eżempju

L-ewwel parametru jiddefinixxi l-wisa 'tal-immaġni

It-tieni parametru jiddefinixxi l-għoli tal-immaġni. Din hija fakultattiva. Jekk mhux issettjat, l-għoli se jkun l-istess bħall-wisa 'tal-immaġni (l-immaġni tkun kwadra).


        <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

Eżempji

Stampi kwadri


        <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

Stampi b'għoli speċifiċi


        <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

Mistoqsijiet frekwenti

F'liema format hija moqdija l-immaġni ġġenerata?

L-immaġini jintbagħtu lura f'format JPEG, ottimizzati għall-web. Il-piż jibqa 'minimu anke għal dimensjonijiet kbar, li jagħmel l-għodda adattata għal mockups HTML u CSS li fihom ħafna placeholders. Il-kontenut viżwali huwa kulur ta' mili gradjent jew newtrali, qatt ritratt reali bi drittijiet tal-awtur.

Hemm limitu ta' daqs għall-immaġini ġġenerati?

Id-dimensjonijiet raġonevoli jvarjaw minn 16 px sa madwar 2000 px kull naħa. Lil hinn minn dan, ir-rendi jibqa' possibbli iżda l-ġenerazzjoni ssir bil-mod mingħajr ebda użu reali, peress li placeholders huma maħsuba għal mudelli aktar modesti. Għal viżwali eroj ta '1920 x 1080, l-għodda twieġeb mingħajr problema.

Il-URL huwa stabbli u jista' jintuża fil-produzzjoni?

Il-URL /image// huwa deterministiku, tista' tippejstjaha kif inhu fit-tags tiegħek mingħajr ma l-ewwel tniżżel. Għal ambjent ta 'produzzjoni, jippreferi li jospita l-immaġini finali fid-dar: dan is-servizz huwa primarjament maħsub għal mudelli, kotba tal-istejjer u testijiet ta' integrazzjoni.

Kif hija differenti minn Lorem Picsum jew Placeholder.com?

Lorem Picsum jirritorna ritratti każwali reali, sbieħ li jagħti realiżmu lil mudell. Placeholder.com iservi stampi ttikkettjati b'dimensjonijiet. Il-ġeneratur cdrn jirritorna placeholders sempliċi u veloċi, mingħajr sejħiet esterni jew dipendenzi minn partijiet terzi fil-proġett front-end tiegħek.

Nistgħu nagħżlu l-kulur tal-placeholder?

Mhux f'din il-verżjoni. L-immaġini huma ġġenerati b'rendiment newtrali predefinit. Jekk għandek bżonn tikkontrolla b'mod preċiż il-kulur tal-isfond biex tivvalida tqassim b'kuntrasti, oħloq fajl statiku ta 'ftit kilobytes fid-dell mixtieq jew uża direttament CSS div b'background-color.

X'inhu l-benefiċċju għal żviluppatur front-end?

Ittestja malajr tqassim mingħajr ma jkollok għalfejn tipprovdi immaġni reali, ivvalida r-rispons ta 'grilja billi tiżżerżaq diversi proporzjonijiet, għalf ktieb tal-istejjer jew preview Figma-to-HTML. Għal negozjaturi u disinjaturi, l-għodda tintuża biex tfassal wireframes ta 'fedeltà għolja mingħajr ma tistrieħ fuq ritratti liċenzjati.

din l-għodda ma toffrix API ta' eżekuzzjoni