Obrázky jsou těžké. Katalog produktů s pěti tisíci položkami a fotkami v plném rozlišení je skvělý způsob, jak zničit dobu načítání stránky, mobilní data i trpělivost uživatele. Obrázek v e-mailu, který doráží s několika megabajty, je důvod, proč lidé mají blokování obrázků v e-mailu ve výchozím nastavení zapnuté. Galerie, která načte každý snímek v plné velikosti, je ten druh detailu, kvůli kterému platforma působí neprofesionálně, ať je zbytek jakkoli dobrý. Práce na tom, aby se s obrázky zacházelo dobře — náhledy, komprese, lightboxy, zachování původního názvu, rozumné výchozí hodnoty — je přesně ten druh práce, který většina tvůrců nechce psát znovu pro každý typ, který přidá. Tak je toho ušetříme.
Automatické náhledy vznikají ve chvíli, kdy se obrázek nahraje. Jakmile je nahrávání hotové, náhled se zařadí do fronty a vytvoří se na pozadí; než další uživatel načte záznam, je náhled připravený. Tabulky, seznamy, karty i kanbanové nástěnky používají náhled místo plného obrázku, takže stránka s třiceti záznamy s náhledy se načte skoro tak rychle jako stránka s třiceti záznamy s textem. U katalogu produktů, adresáře týmu nebo jakéhokoli jiného pohledu bohatého na obrázky je to rozdíl mezi použitelným a nepoužitelným.
Šířka náhledu podle vlastnosti přidává kontrolu, na které záleží, když „náhled“ není jedna velikost. Vlastnost s obrázkem produktu může používat menší náhledy, aby se na obrazovku vešlo víc položek; vlastnost s fotkou člena týmu zase větší, protože o týmové fotky v takovém pohledu jde především. Šířka se nastavuje u každé vlastnosti zvlášť, takže různé typy se mohou rozhodnout různě a každý dostane vloženou velikost náhledu, která odpovídá jeho použití. Není žádná jediná celoplatformní velikost, o které by se muselo dohadovat.
Kliknutím na náhled se otevře lightbox — to je očekávaná další interakce. Obrázek v plné velikosti se otevře v překryvu; uživatel může přibližovat, posouvat a přecházet na sousední obrázky, aniž by opustil stránku, na které byl. Lightbox je stejný všude, kde se obrázky objevují — v tabulkách, na kartách, v blocích Canvasu i ve formátovaném textu — takže se ho uživatel naučí jednou. Tahle jednotnost je důležitější než kterákoli konkrétní funkce lightboxu: očekávaná interakce vždycky funguje.
Skupiny v lightboxu posouvají chování o krok dál. Obrázky seskupené na stránce v Canvasu — sada produktových fotek na stránce s detailem produktu, galerie snímků před a po v případové studii, časová osa fotek z průběhu projektu na jeho nástěnce — sdílejí jednu navigaci v lightboxu. Otevřete jeden obrázek a šipky vpřed a vzad procházejí celou skupinou. Takhle galerie skutečně působí jako galerie, ne jako mřížka samostatných náhledů, na které se musí klikat každý zvlášť.
Komprese obrázků při nahrávání drží velikost souborů v rozumných mezích. Míra komprese se dá nastavit pro každé prostředí i pro každou vlastnost, takže obrazová knihovna, které záleží na věrnosti do posledního pixelu (archivní fotky, designové podklady), může použít lehčí kompresi, zatímco univerzální obrázkové pole (profilové fotky, náhledy záhlaví, náhledy příloh) sáhne po silnější kompresi, aby držela náklady na úložiště a přenos dole. Originál se zachová tam, kde to konfigurace vyžaduje; na většinu míst se doručuje komprimovaná verze. Uživatelé vidí rychle se načítající stránky, provozovatelé zvládnutelné účty za úložiště.
Zachování původního názvu souboru je drobnost s velkým přínosem v čase. Když uživatel nahraje „Q3-2024-final.jpg“, právě „Q3-2024-final.jpg“ uvidí přiřazené k obrázku on i každý, kdo se na něj později podívá. Platforma soubory ukládá pod interním identifikátorem kvůli robustnosti, ale původní název si drží jako metadata a vynáší ho všude, kde jméno souboru dává smysl: v exportech, při stahování, v přílohách e-mailů i v úložišti souborů. Soubory po cestě dovnitř nepřicházejí o svá lidsky srozumitelná jména.
Více obrázků v jednom poli je vyřešeno přirozeně. Vlastnost, která přijímá několik obrázků, je zobrazí jako seřazenou galerii; uživatel pořadí seřadí přetažením a každý obrázek má v rámci skupiny vlastní chování lightboxu. To je správný tvar pro většinu reálných situací typu „přilož pár fotek“ — od inzerátů nemovitostí s osmi fotkami až po hlášení incidentů s několika doprovodnými snímky.
Vykreslení obrázku v bloku Canvasu dává tvůrcům víc kontroly tam, kde je potřeba. Vlastnost s obrázkem zobrazená v bloku Canvasu může mít vlastní chování lightboxu, vlastní chování odkazu i výchozí šířku — „auto“ je rozumná výchozí hodnota, která respektuje přirozenou velikost obrázku v rámci rozvržení stránky, ale pro prezentace do mřížky se dají nastavit i konkrétní šířky. Obrázkové bloky v Canvasu se zapojují do skupin v lightboxu, takže galerie postavené v Canvasu dostanou navigaci po skupině bez dalšího nastavování.
Export obrázků do PDF je téma článku o generování PDF, ale stojí za krátkou zmínku i tady: obrázky v záznamech i na stránkách v Canvasu se přenesou do výstupního PDF a platforma se postará o cestu od zobrazení na obrazovce k vložení připravenému pro tisk. Pro řešení, která generují dokumenty plné produktových obrázků, značkové grafiky nebo dokumentárních fotek, na tomhle předání záleží.
Souhrnný účinek těchto funkcí je ten, že implementace nemusí na obrázky myslet jako na samostatný problém. Přidejte typu vlastnost s obrázkem a všechno, co následuje — nahrávání, náhledy, lightboxy, komprese, stahování, exporty — prostě funguje. Takový tvar má mít platforma u každé kategorie funkcí: základní infrastruktura, která zvládne nudné části správně, aby se tvůrci mohli soustředit na to, kde jejich úsudek skutečně přidává hodnotu.
Trvalé odstranění obrázku, když ho uživatel potřebuje ze záznamu nadobro smazat, je podporované a respektuje auditní stopu — fakt, že obrázek existoval a byl odstraněn, se zaznamená, i když je podkladový soubor pryč. U postupů citlivých na soukromí (fotky zaměstnanců, záznamy v regulovaných odvětvích) je právě tahle kombinace čistého odstranění a auditované historie to, co funkci drží použitelnou, aniž by z ní byl problém s dodržováním předpisů.
U jakékoli implementace, která obsahuje uživatelům viditelné obrázky v jakémkoli rozsahu — a to je většina z nich — je vrstva pro práci s obrázky jednou z těch tichých funkcí, které rozhodují o tom, jak produkt působí. Bereme ji jako základ a je to na detailech vidět.