Kuvakaappaukset näyttävät englanninkielisen sovelluksen. Esiasetetut nimet ja säätimet ovat myös saatavilla sovelluksesi kielellä.

Lähtökohtasi

Käytä Favicon-paketti kohteessa PixRinse ja vertaa sitten näitä asetuksia todelliseen määränpäähäsi.

Tämän työnkulun asetukset
Favicon PNG:t16 / 32 / 48 px
Apple Kosketa PNG180 px
Verkkosovellusten PNG-tiedostot192 / 512 px
VärisRGB
PixRinse Favicon-paketti esiasetettu kuudella PNG verkkosivustokuvakekoolla
Tässä esittelyssä käytetyt asetukset. Valitse kuvakaappaus tarkistaaksesi sen täysikokoisena.
PNG-muoto ja Muunna sRGB-muotoon näkyvät koodausohjaimissa.
PNG-muoto ja Muunna sRGB-muotoon näkyvät koodausohjaimissa.

Miten se tehdään

  1. Valmistele neliönmuotoinen lähdemerkki

    Käytä vähintään yhtä suurta lähdettä kuin suurin tarvitsemasi kuvake. Yksinkertaista hienoja yksityiskohtia, jotka saattavat kadota osoitteessa 16 px.

  2. Valitse Favicon-paketti

    Tarkista kuusi kokoa. Malli käyttää keskitettyä kansisääntöä, joten ei-neliönmuotoista lähdettä voidaan rajata.

  3. Tarkista pienimmät ulostulot

    Tarkista tiedostot 16 ja 32 px todellisessa koossa. Automaattinen koon muuttaminen ei voi korvata monimutkaisen merkkimerkin tahallisia optisia säätöjä.

  4. Vie kuvia ja lisää niiden viittaukset verkkosivustosi koodiin

    Lisää PNG-tiedostot verkkosivustollesi ja mainitse asianmukaiset koot HTML-otsikossa ja verkkosovelluksen luettelossa.

TIEDOSTOT TÄMÄN KÄYTTÄJÄNÄ

Mitä tämä esimerkki tuotti

Neliömerkki 1024 × 1024 tuottaa kuusi PNG-tiedostoa ilman ei-neliölähteen varoitusta. Jokainen viety tiedosto sisältää sRGB-profiilin.

Neliön lähde
1024 × 1024
PNG vientiä
6
Väriprofiili
sRGB jokaisessa lähdössä
Todelliset viedyt tiedostot
TiedostoMuotoPikselittavua
android-chrome-192x192.pngPNG192 × 19226 980
android-chrome-512x512.pngPNG512 × 512174 868
apple-touch-icon.pngPNG180 × 18023 839
favicon-16x16.pngPNG16 × 16692
favicon-32x32.pngPNG32 × 321 751
favicon-48x48.pngPNG48 × 483 093
Tee joukko verkkosivuston kuvakkeita: todelliset vietyt tulokset
Todelliset vientitulokset tässä esittelyssä näytetyille näytetiedostoille.

Mitattu näytetyillä näytetiedostoilla. Tulokset riippuvat alkuperäisistä asiakirjoista ja asetuksista. Tämä esittely käyttää omistamaasi PixRinse taidetta neliönmuotoisilla tai läpinäkyvillä näytekankailla.

Pari yleistä kysymystä

Luoko se favicon.ico?

Ei. Sisäänrakennettu joukko vie kuusi PNG tiedostoa tietyillä tiedostonimillä.

Toimiiko leveä logo?

Neliön muotoinen lähde on parempi. Kannen sääntö voi rajata laajan lähteen, joten tarkista esikatselu huolellisesti.

Ota työnkulku käyttöön.

Avaa PixRinse, lisää muutama kuva ja aloita yllä olevilla asetuksilla.

Lataa MacilleIlmainen: jopa 10 kuvaa erää kohden ja yksi tulos lähdettä kohti. Tämän työnkulun useat lähdöt vaativat Pron. Vertaa Free & Pro.