Svetainės piktogramų vadovai
Aiškūs atsakymai kuriant svetainės piktogramą: kokie dydžiai, kokie formatai ir kokį kodą įklijuoti.
Svetainės piktogramos dydžiai ir paskirtis
Ieškant „svetainės piktogramos dydžio“ vis dar randami penkiolikos failų sąrašai, paveldėti iš 2014 m. Tačiau šiandien šeši matmenys apima naršyklės korteles, paieškos rezultatus, iOS, Android ir PWA. Štai kokie jie ir kodėl reikalingi.
Skaityti vadovąNemokamas PNG keitimas į ICO
.ico vis dar yra svetainės šakniniame kataloge laukiamas formatas, o dauguma internetinių keitiklių prašo įkelti vaizdą į jų serverį. Štai kaip iš PNG gauti tinkamą kelių dydžių favicon.ico nieko neįkeliant.
Skaityti vadovąapple-touch-icon: dydis, formatas ir kodas
Apple Touch piktograma aiškiai nurodo vaizdą, kuris naudojamas lankytojui pridėjus svetainę į iPhone pradžios ekraną. Ji atskirta nuo naršyklės kortelės piktogramos ir žiniatinklio programos manifeste nurodytų piktogramų.
Skaityti vadovąSVG svetainės piktograma tamsiajam režimui
Juodas logotipas skaidriame fone šviesioje kortelėje atrodo puikiai, o tamsioje pradingsta. ICO formatas neprisitaiko, tačiau SVG svetainės piktograma gali: joje yra CSS taisyklė, keičianti spalvas pagal naršyklės temą.
Skaityti vadovąSvetainės piktogramos pridėjimas HTML
Patikima HTML svetainės piktograma nepriklauso nuo vienos stebuklingos žymos. Jai naudojamas nedidelis pasiekiamų failų rinkinys ir head dalyje esančios nuorodos. Ši procedūra apima šiuolaikines korteles, senesnes programas ir mobiliąsias nuorodas nepridedant daugybės istorinių versijų.
Skaityti vadovąSvetainės piktograma nerodoma arba neatsinaujina
Kai svetainės piktogramos nėra, ne visada kaltas failas. Naršyklė, CDN, service worker ir paieškos sistema gali saugoti skirtingas versijas. Nuosekli diagnostika leidžia išvengti kelių kintamųjų keitimo vienu metu.
Skaityti vadovąSvetainės piktogramos Next.js App Router
App Router gali kurti piktogramų elementus pagal sutartinius failus arba metadata objektą. Abu būdai tinkami, tačiau juos maišant be aiškios taisyklės lengvai atsiranda konkuruojančių deklaracijų.
Skaityti vadovąSVG svetainės piktogramos vadovas
SVG išlaiko ryškius kraštus esant bet kokiam pikselių tankiui ir gali pritaikyti spalvas prie temos. Tačiau ši lankstumo galimybė turi sąlygą: failas turi likti savarankiškas, paprastas ir įskaitomas mažytėje erdvėje.
Skaityti vadovą