Štýlové placeholder obrázky pre váš kód

Rýchle a bezplatné API pre vaše webové projekty. Stačí vložiť URL.

Vyskúšať hneď Galéria

Pridať obrázok

Spracovávam...
1 — E-mail (voliteľné)
Výsledok analýzy dostanete priamo na e-mail — nemusíte si ho kopírovať ručne. Adresa sa nepoužíva na žiadny iný účel. Poučenie o spracovaní osobných údajov.
2 — Obrázok

Kratšia strana musí mať aspoň 1024px. Väčšie obrázky sa zmenšia tak, aby dlhšia strana nepresiahla 2048px.

Pretiahnite obrázok sem alebo kliknite

URL Builder

Vyber farbu (0–3 farby)
Náhľad URL
Uložené URL
PRÁZDNE

Dokumentácia

Všetko, čo potrebujete na integráciu PHI placeholder obrázkov do svojich projektov.

Čo je PHI?

PHI je bezplatné API pre placeholder obrázky, ktoré cez čisté URL servíruje vybrané reálne stock fotografie — bez registrácie a bez API kľúča. Stačí vložiť URL do img tagu a hotovo.

Základné použitie

Najjednoduchší požiadavok vráti náhodný obrázok v pôvodnej veľkosti:

<img src="https://phi.4asuite.com/">
Filtrovanie podľa kľúčového slova

Pridajte kľúčové slovo, ak chcete obrázky zodpovedajúce danej téme:

<img src="https://phi.4asuite.com/technology.jpg">
Nastavenie rozmerov

Použite w- a h- pre požiadavku na konkrétny rozmer. Obrázok sa oreže a zmení tak, aby presne sedel:

<img src="https://phi.4asuite.com/office_w-800_h-600.jpg">
Kombinovanie filtrov

Viac parametrov môžete spojiť pomocou podčiarkovníkov:

<img src="https://phi.4asuite.com/highway_color-blue_ratio-16-9_w-1200.jpg">
Živý náhľad
PHI example

/phi/technology_w-400_h-300.jpg

Štruktúra URL
/phi/{keywords}_{color-*}_{ratio-*}_{w-*}_{h-*}.jpg

Parametre možno kombinovať v ľubovoľnom poradí. Uveďte len tie, ktoré potrebujete.

Referencie URL API

Parameter Formát Popis Max
keyword office, highway Filtrovanie obrázkov podľa kľúčového slova. Viac kľúčových slov výber zužuje. 3 kľúčové slová
color-* color-blue
color-red-gray		 Filtrovanie podľa dominantnej farby. Môžete spojiť najviac 3 farby pomlčkou. 2 farby
ratio-* ratio-16-9
ratio-4-3
ratio-1-1		 Vyžiada konkrétny pomer strán. Obrázok sa oreže tak, aby mu zodpovedal. 1
w-* w-800 Výstupná šírka v pixeloch. 4096px
h-* h-600 Výstupná výška v pixeloch. 4096px
public_id 6e545b25 Vyžiada konkrétny obrázok podľa jeho 8-znakového public ID. Obíde všetky ostatné filtre. 1
Dostupné farby
red orange yellow green cyan blue purple pink brown black gray white
Logika rozmerov
Dodáte vy PHI urobí
nič Vráti obrázok v pôvodnej veľkosti
iba ratio Oreže na pomer strán, zachová pôvodný dlhší rozmer
iba w Zmení veľkosť na presnú šírku, výška zostane proporčná
iba h Zmení veľkosť na presnú výšku, šírka zostane proporčná
w + h Zmení veľkosť a oreže na presné rozmery
ratio + w alebo h Vypočíta chýbajúci rozmer z pomeru strán a potom zmení veľkosť
ratio + w + h Ignoruje pomer strán a použije presné w a h
Príklady
URL Výsledok
/phi/ Náhodný obrázok, pôvodná veľkosť
/phi/technology.jpg Náhodný technologický obrázok, pôvodná veľkosť
/phi/office_color-blue_ratio-4-3.jpg Modrý kancelársky obrázok, orezaný na 4:3
/phi/highway_landscape_w-300.jpg Filter s dvoma kľúčovými slovami, šírka 300 px
/phi/color-brown-gray_w-800_h-600.jpg Hnedý alebo sivý obrázok, zmenený na 800×600
/phi/6e545b25.jpg Presný obrázok podľa public ID
/phi/6e545b25_w-400_h-400.jpg Presný obrázok, orezaný na štvorec 400×400

Používanie URL Builderu

Interaktívne zostavte požiadavkovú URL: nastavte filtre a okamžite získate hotový img tag.

Ovládacie prvky
Ovládací prvok Popis
Kľúčové slová Vyberte najviac 3 tematické kľúčové slová. Vrátia sa obrázky, ktoré zodpovedajú všetkým vybraným kľúčovým slovám.
Farby Zaškrtnite najviac 3 farebné filtre. Vrátia sa iba obrázky s týmito dominantnými farbami.
Pomer strán Vyžiada konkrétny pomer strán. Obrázok sa oreže tak, aby mu zodpovedal.
Šírka / Výška Nastavte presné výstupné rozmery v pixeloch. Možno použiť s pomerom strán aj bez neho.
ID obrázka Zadajte public ID konkrétneho obrázka, ak chcete vždy ten istý obrázok.
Akcie
Kopírovať Skopíruje aktuálny img tag do schránky.
Pridať Uloží aktuálny tag do zoznamu nižšie pod náhľadom.
Rýchly postup
  1. Vyberte jedno alebo viac kľúčových slov (platí AND — musia sedieť všetky)
  2. Voliteľne pridajte farebné filtre (rovnako AND, kombinuje sa s kľúčovými slovami)
  3. Nastavte šírku, výšku alebo pomer strán
  4. Kliknite na Pridať a zbierajte viac tagov
  5. Použite Kopírovať všetko a vložte ich do projektu

FAQ a tipy

Áno. PHI je úplne zadarmo. Nie je potrebný účet, API kľúč ani uvedenie zdroja.

PHI je určené na vývoj a prototypovanie. Pre produkčné použitie sa uistite, že obrázky majú vhodnú licenciu pre váš prípad použitia.

Nové obrázky sa pridávajú priebežne. Najnovšie prírastky nájdete v Galérii.

PHI štandardne vracia JPEG. Pre iné formáty pridajte do URL .png alebo .webp.

Šírka aj výška sú obmedzené na 4096 pixelov.

No. All of these are equivalent:
/phi/office_color-blue_w-800.jpg
/phi/color-blue_office_w-800.jpg
/phi/w-800_office_color-blue.jpg

PHI interne pred spracovaním URL normalizuje, takže poradie parametrov nehrá rolu.

PHI použije náhodný obrázok z celej knižnice, aby sa vaše rozloženie nikdy nerozbilo.

  • Keď potrebujete pixelovo presné rozloženie, používajte presné rozmery (w + h).
  • Použite public_id, keď chcete vždy ten istý obrázok — vhodné napríklad pre konzistentné screenshoty.
  • Pre presnejšie výsledky kombinujte 2 až 3 kľúčové slová.
  • Kvôli prístupnosti vždy pridajte k značkám img popisný atribút alt.
  • Pred kopírovaním do kódu použite URL Builder na zostavenie a otestovanie URL.

Poučenie o spracovaní osobných údajov