---
title: "Ustvarjalnik nadomestnih slik – LQIP, BlurHash in barva"
description: "Iz slike naredite nadomestne slike za nalaganje: majhen zamegljen LQIP data URI, niz BlurHash in povprečno barvo ter HTML za njihovo uporabo. Brezplačno."
url: "https://imagecompressor.si/sl/image-placeholder-generator"
lang: "sl"
---

# Ustvarite nadomestne slike: LQIP in BlurHash

Dobite zamegljen predogled, BlurHash in povprečno barvo, ki zapolnijo mesto slike, dokler se ta nalaga.

## Kako deluje

1. **Dodajte slike** Povlecite in spustite, prilepite ali izberite datoteke. Naložijo se prek šifrirane povezave.
2. **Izberite kakovost ali ciljno velikost** Uporabite drsnik kakovosti ali povejte natančno, koliko KB ali MB potrebujete.
3. **Prenesite** Shranite posamezne datoteke ali vse naenkrat kot ZIP.

Na strani z velikimi slikami se najprej pojavi besedilo, slike pa trenutek pozneje. Vmes so bele luknje ali pa, še huje, postavitev skače, ko pristane vsaka slika. Nadomestna slika prostor takoj zapolni z mehkim vtisom slike, zato je stran od prvega trenutka videti cela, prava slika pa se čeznjo pokaže.

Ta stran iz enega nalaganja naredi tri običajne vrste. LQIP, nadomestna slika nizke kakovosti, je slika, pomanjšana na 24 pik v širino in shranjena kot WebP data URI z nekaj sto bajti, dovolj majhna, da je lahko v HTML. BlurHash je kratko besedilo, ki ga skript spremeni v gladko zameglitev. Povprečna barva je ena šestnajstiška koda za najpreprostejšo nadomestno sliko.

Vsaka ima gumb za kopiranje, blok HTML pa pokaže običajen vzorec: LQIP kot ozadje oznake img, z nastavljeno širino in višino. Slika se obdela na našem strežniku in takoj izbriše.

## Katero nadomestno sliko izbrati

Povprečna barva ne stane nič in ustreza mrežam sličic. LQIP pokaže oblike in barve slike ter ne potrebuje skripta, zato ga je najlažje uvesti na vsakem spletnem mestu. BlurHash je za to, kar pokaže, najmanjši, a potrebuje majhen dekodirnik na strani ali v aplikaciji, priljubljen pa je v mobilnih aplikacijah in ogrodjih, ki ga že vsebujejo.

## Uporaba LQIP brez skripta

Data URI postavite v ozadje oznake img, kot to naredi blok HTML, skupaj z background-size cover. Zamegljena slika se pokaže takoj; ko se prava slika naloži, prekrije lastno ozadje. Dodajte širino in višino, da je prostor rezerviran, še preden se kar koli naloži.

## Uporaba BlurHash

BlurHash shranite poleg naslova slike, v podatkovno bazo ali datoteke z vsebino, in ga na strani ali v aplikaciji dekodirajte z eno od objavljenih knjižnic BlurHash, nato zamenjajte s pravo sliko, ko se naloži. Privzeta vrednost štiri krat tri komponente ustreza večini slik.

Če stran že uporablja ogrodje za slike, preverite, ali LQIP ali BlurHash podpira samo, in mu podajte vrednosti s te strani.

## Nadomestne slike in hitrost strani

Nadomestne slike same slike ne naložijo hitreje, a stran naredijo občutno hitrejšo in preprečijo skakanje postavitve, ki ga meritve hitrosti štejejo strani v slabo. Združite jih s slikami prave velikosti: ustvarjalnik odzivnih slik naredi širine, ta stran pa nadomestno sliko za vsako.

Nadomestne slike so najpomembnejše pri počasnih povezavah in dolgih straneh, polnih slik, kot so galerije, spletne trgovine in novičarske strani. Tam obiskovalec takoj vidi, kaj ga čaka, še preden se slike naložijo.

## Pogosta vprašanja

### Kako velik je LQIP?

Navadno dvesto do šeststo bajtov kot data URI, odvisno od slike.

### Ali lahko spremenim podrobnost BlurHash?

Prek vmesnika API: components_x in components_y, vsak od 1 do 9.

### Ali deluje s prozornimi slikami?

LQIP ohrani prozornost; BlurHash in povprečna barva jo obravnavata kot belo.

### Ali se moja slika hrani?

Ne. Nadomestne slike se izračunajo na našem strežniku, naloženo pa se zbriše, ko so vrnjene.

### Ali lahko naredim nadomestne slike za več slik?

Za več jih uporabite vmesnik API v skriptu: POST /api/v1/placeholder vse tri vrne kot JSON.

### Ali LQIP spremeni datoteko slike?

Ne. Gre za ločeno, drobno kopijo; vaša slika ostane natanko takšna, kot je bila. LQIP preprosto dodate v HTML poleg obstoječe slike.

## Sorodna orodja

- [Ustvarite odzivne slike in HTML srcset](https://imagecompressor.si/sl/responsive-image-generator): Z enim nalaganjem dobite vsako širino v sodobnih formatih in HTML, ki brskalniku omogoči izbiro prave.
- [Pretvorite sliko v Base64](https://imagecompressor.si/sl/image-to-base64): Dobite data URI, oznako HTML in vrstico CSS za svojo sliko, pripravljene za lepljenje v kodo ali predlogo e-pošte.
- [Optimizirajte vse slike na spletnem mestu](https://imagecompressor.si/sl/website-optimizer): Vnesite naslov, zemljevid strani ali seznam strani. Vsaka stran se pregleda posebej, vi pa dobite optimizirane datoteke v ZIP-u s seznamom, kaj zamenja kaj.