DeviceCentral

AVSNITT FINNS I:

Tips för att skapa Illustrator-bilder för mobila enheter

Om du vill optimera grafiskt innehåll för mobila enheter ska du spara grafik skapad i Illustrator i ett SVG-format, till exempel SVG-t som är speciellt utformat för mobila enheter.

Använd de här tipsen när du vill försäkra dig om att bilder skapade i Illustrator visas på rätt sätt på mobila enheter:

  • Använd SVG-standarden när du skapar innehåll. Om du använder SVG när du publicerar vektorgrafik på mobila enheter resulterar det i liten filstorleken, oberoende visning, överlägsen färgkontroll, zoommöjlighet och redigerbar text (inom källkoden). Eftersom SVG är XML-baserat kan du dessutom lägga till interaktivitet i bilderna, till exempel markeringar, verktygstips, specialeffekter, ljud och animeringar.

  • Arbeta inom de slutliga måtten för din mobila målenhet/målenheter ända från början. Även om SVG är skalbart kommer den slutliga grafiken definitivt att ha optimerad kvalitet och storlek för målenheten/målenheterna om du arbetar med rätt storlek.

  • Ange färgläget för Illustrator till RGB. SVG visas på visningsenheter med RGB-raster, till exempel skärmar.

  • Om du vill minska filstorleken kan du försöka minska antalet objekt (inklusive grupper) eller göra den mindre komplicerad (använda färre punkter). Om du använder färre punkter minskas mängden textinformation som behövs för att beskriva grafiken i SVG-filen betydligt. Du kan minska antalet punkter genom att välja Objekt > Sökväg > Förenkla och prova olika kombination för att hitta en balans mellan kvalitet och antalet punkter.

  • Använd symboler när det går. Symboler betecknar de vektorer som beskriver ett objekt en enda gång i stället för flera gånger. Det är användbart om grafiken innehåller objekt, till exempel bakgrunder till knappar som återanvänds.

  • När du animerar grafik bör du begränsa antalet använda objekt och försöka återanvända objekt där det går så att filstorleken inte blir för stor. Använd animeringar på grupper av objekt i stället för på enskilda objekt så undviker du kodrepeteringar.

  • Du bör använda SVGZ, den komprimerade gzippade versionen av SVG. Att komprimera filen kan minska dess storlek betydligt, beroende på innehåll. Text kan vanligtvis komprimeras kraftigt medan binärkodat innehåll, till exempel inbäddade raster (JPEG-, PNG- och GIF-filer), inte kan komprimeras lika mycket. SVGZ-filer kan dekomprimeras av alla program som expanderar filer komprimerade med gzip. För att kunna använda SGVZ bör du kontrollera att din mobila målenhet kan dekomprimera gzip-filer.

Mer information om hur du skapar innehåll för mobila enheter finns på www.adobe.com/go/learn_cs_mobilewiki_en.