Logon muokkaus ja talletus Illustratorissa nettisivua varten
Favicon ikonin tekeminen ja lisääminen

Logon muokkaus ja talletus Illustratorissa nettisivua varten

Tuodaan kuva Illustratoriin,

Huom! voit avata myös pdf:nä talletetun tiedoston Illustratoriin, jossa pdf:stä saa vaikka hyvän svg:n. Esimerkiksi Excel-tiedostosta saa tarkan svg:n, jonka voi viedä vaikka Wordiin tai PowerPointiin tms ohjelmaan jos ei ohjelmaan pysty viemään pdf:ää.

  • Turhat (käyttämättömät) värit poistetaan.
    • Swathes-paneeli/Menu/Select all unusued
    • Klikkaa roskiskuvaketta
  • Tarkistetaan väriprofiili.
    • Edit/Color settings – sRGB, Europa General Purpose 3,
    • Rastit alhaalla kolmeen kyselykohtaan
  • Tarkistetaan, että värit ovat oikeassa muodossa ja musta on K=100%, ei nelivärimusta….
    • Swatches paneeli/Menu/Add usued colors/
    • Kaksoisklikkaa mustaa kuvaketta, tarkista että K=100% ja CMY=0%
  • Poistetaan viivojen skaalautuvuusongelma
    • Properties-paneelissa rasti ruutuun (jos ei jo ole): Scale Strokes & effects
  • Konvertoidaan tekstit, jos eivät vielä ole
    • CTRL+Y, CTRL+A -> näet onko vai ei
    • Konvertointi CTRL+A ->Object/Path/Outline Stroke
    • Tarkista CTRL+Y 
  • Monimutkaiset muodot yksinkertaistetaan
    • Properties/Pathfinder/Shape Mode Unite-kuvake
  • Talletetaan
    • File export/Save for web   TAI 
    • Windows/Asset-paneelin kautta (helppo tapa saman tien monessa muodossa) – tarkista miltä näyttää nettisivulla. Tätä kautta svg:t onnistuu hyvin, muiden kanssa on niin ja näin
      • läpinäkyvät logot png8 tai png24-muodossa
        (jälkimmäinen parempi varsinkin jos logo tulee värilliselle pohjalle)
      • tai svg, joka on paras laadultaan mutta ei käy esim. WordPressiin

Favicon -ikoni

=pikkuinen kuvake, joka näkyy sivuston vierailijoilla mm. välilehden vasemmalla puolella. Jos sivu lisätään kirjanmerkkeihin, se näkyy myös siellä. Se on hyvin pieni, joten sen on oltava yksinkertainen.

  • Luodaan favicon -kuvake esim. osoitteessa http://www.favicon.cc/
    TAI tee Photoshopilla tms. ohjelmalla
    • koko tulisi olla 16×16px
    • tallennus .ico-muodossa, nimellä favicon.ico
  • Tiedosto (favicon.ico) tiedosto lisätään public_html -kansioon. Jos kyseessä on lisädomainin sivusto, tiedosto lisätään lisädomainin omaan hakemistoon (esim. public_html/lisadomain.fi).
  • Kuvakkeen pitäisi alkaa automaattisesti alkaa toimia eli tulla näkyviin
  • Jos ei ala ilmestyä, kokeile näitä:
    • klikkaa selaimen päivitysnappia, jos ei auta, kokeile seuraavaa kohtaa:
    • CTRL + F5, jos ei auta, kokeile seuraavaa kohtaa:
    • tyhjennä välimuisti