Slučovač světlých/tmavých obrázků — jeden PNG pro bílé a černé pozadí
Sloučte obrázek světlého režimu a obrázek tmavého režimu do jednoho průhledného PNG, které na bílém pozadí zobrazí světlou grafiku a na černém tmavou. Nahrajte oba, prohlédněte si výsledek vedle sebe v náhledu a stáhněte si jediný asset přizpůsobivý tématu pro dokumentaci, README nebo UI — vše v prohlížeči.
Co slučovač světlých/tmavých obrázků dělá
Jeden PNG, dvě podoby
Výstup je pixelová alfa kompozice: na bílém povrchu vypadá jako váš světlý obrázek, na černém jako tmavý. README, stránka dokumentace nebo UI tak vystačí s jediným assetem místo dvou souborů nebo media query.
Dvě nahrávací pole s živým náhledem
Vyberte obrázek světlého režimu a obrázek tmavého režimu; sloučené PNG se objeví, jakmile jsou oba načtená, jednou na bílé kartě a jednou na černé, abyste obě témata posoudili ještě před stažením.
Pevný export PNG
Ke stažení je vždy PNG s názvem light-dark-image.png, vytvořené pomocí canvas.toDataURL. Neexistuje výstup JPEG, WebP ani SVG a žádné nastavení kvality či komprese.
Plátno podle většího obrázku
Výsledek používá větší šířku a větší výšku z dvojice a oba zdrojové obrázky se roztáhnou tak, aby plátno zaplnily od levého horního rohu. Odlišné poměry stran se zdeformují, místo aby se doplnily okraji nebo ořízly.
Lokálně a bez ovládacích prvků
Soubory se čtou pomocí FileReader a skládají na plátně — nic se nenahrává. Nejsou k dispozici ovládací prvky jasu, kontrastu, velikosti, polohy, pozadí ani formátu; jedinými vstupy jsou dva obrázky.
Časté dotazy ke světlým/tmavým obrázkům
K čemu tento nástroj vlastně je?
Mění grafiku světlého režimu a grafiku tmavého režimu v jedno průhledné PNG, jehož vzhled závisí na pozadí: bílé povrchy zobrazí světlou verzi, černé tmavou. Je určen pro assety přizpůsobivé tématu v README, dokumentaci a UI, nikoli pro vytvoření dvou samostatných obrázků.
Jaká nastavení mohu upravit?
Pouze dva zdrojové obrázky. Nejsou zde ovládací prvky jasu, kontrastu, barvy, polohy, měřítka, barvy pozadí, formátu ani kvality a žádné jemné ladění sloučení; náhledové panely slouží jen k zobrazení.
Které vstupní a výstupní formáty jsou podporované?
Vstup přijímá image/* a používá dekodér prohlížeče, takže fungují JPEG, PNG, WebP a GIF; výstup je vždy PNG. Export JPEG, WebP ani SVG se nenabízí.
Mohu zpracovat několik dvojic najednou?
Ne. Každé pole použije jen první vybraný soubor a stránka zpracuje vždy jednu dvojici světlý/tmavý, bez fronty, dávkového režimu i historie.
Existují limity velikosti a co se stane při rozdílných rozměrech?
Kromě paměti plátna v prohlížeči neexistuje žádný výslovný limit pixelů. Výstup má velikost max(šířka) × max(výška) a oba obrázky se od levého horního rohu roztáhnou na tuto velikost, takže odlišné poměry stran se zdeformují, místo aby se doplnily nebo ořízly.
Probíhá vše lokálně?
Ano. Obrázky se dekódují pomocí FileReader a slučují na plátně ve vašem prohlížeči; nic se nenahrává a server není zapojen. Výsledek zůstává v paměti jako data URL, dokud jej nestáhnete.
Jak věrný je výsledek?
Je to přiblížení. Světlé kanály se remapují na 128–255 a tmavé na 0–127, poté se vyřeší alfa a barva tak, aby se dvojice správně složila na čistě bílé a čistě černé; barvy jsou kvantované, extrémní kontrast může ztratit detaily a vzorec je přesný jen na čistě bílém nebo černém pozadí (šedé a tónované povrchy se míchají jinak). Průhlednost se bere pouze z alfy světlého obrázku a když obrázky poruší předpoklad jasu, alfa pixelu se ořízne na nulu.
