Optimera bilder med stora områden med solid färg med hjälp av GIF-formatet - dummies

Del av HTML5 och CSS3 för Dummies Cheat Sheet

När du optimerar grafik som har text överlagd på en fotorealistisk bild, måste du skapa separata skivor för områdena i bilden som är fotorealistiska samt skapa ytterligare skivor för områdena av bilden som innehåller text. Exportera de områden som innehåller text med GIF-format och exportera de fotorealistiska områdena av bilden med JPEG-formatet. Här är några tips för att hjälpa dig:

• För högkvalitativa JPEG-bilder, använd en kvalitetsinställning på 70 när du exporterar. För mindre JPEG-bilder kan du få en kvalitetsinställning på 50.

• Om du skapar ett fotogalleri för en produkt eller för en fotograf, exporterar du bilderna i JPEG-format med en kvalitetsinställning på 80.

• När du komprimerar bilder med JPEG-format, var noggrant uppmärksam på kanterna på objekten i bilden. När du börjar se pixlar eller kanterna saknar definition har du komprimerat bilden för långt.

• När du exporterar bilder med hjälp av GIF-filformatet, använd det minsta antalet färger som ger en skarp bild och du kommer att få en snabbladdningsbild.

• När du kopierar bilder till webbplatser, är den maximala upplösningen du behöver 72 pixlar per tum.

Webbplatser utan video blir sällanare. Video är överallt på Internet: den används för underhållning, i annonser och för att främja rockstjärnor och andra artister. När videoen är bra gjort är det en skönhet. Här är några saker du behöver tänka på när du lägger till video på en webbsida:

• Video tar upp mycket bandbredd. Om bandbredd för en webbplats överskrids kan avgiften vara ganska dyr. I stället för att visa video på en webbplats laddar du upp den till YouTube och lägger sedan in videon på en webbsida eller blogg.

• Överträder inte upphovsrättslagar. Kopiera inte video från andra webbplatser eller andra människors YouTube-videor och använd dem på din webbplats.

• Kontrollera licensen: Om du använder en video från en leverantör eller tillverkare på en kommersiell webbplats, se till att du är täckt av leverantören eller tillverkarens licens.

• Använd en videokamera av hög kvalitet för att spela in video: Nej, en iPhone är inte en videokamera av hög kvalitet. Om du kodar för video med dålig kvalitet på webben får du en dålig kvalitetsvideo. Kom ihåg det gamla axiomet: Skräp in, skräp ut.

• Se till att webbplatsvisarna har de nödvändiga plugin-programmen för att se videon.

• Om du skapar HTML5-sidor med video, se till att den avsedda publiken för webbplatsen använder HTML5-kompatibla webbläsare.

• Använd inte övergångar när du redigerar flera videoklipp för att skapa en video för webben. Videoövergångar ser bra ut på HD-video, men ser inte bra ut när du kodar en video för webben.