Segmentera webbsidor

Segment delar en bild i mindre bilder som sätts ihop igen på en webbsida med en HTML-tabell eller CSS-lager. Genom att dela upp bilden kan du tilldela olika webbadresslänkar för att skapa en sidnavigering eller optimera varje del av en bild med egna optimeringsinställningar.

Använd kommandot Spara för webben och enheter om du vill exportera och optimera en segmenterad bild. Photoshop sparar varje segment som en separat fil och skapar den HTML- eller CSS-kod som behövs för att visa den segmenterade bilden.

Kom ihåg det här när du arbetar med segment:

• Du kan skapa ett segment med hjälp av segmentverktyget eller genom att skapa lagerbaserade segment.

• När du har skapat ett segment kan du markera det med hjälp av verktyget Markera segment och sedan flytta det, ändra storlek på det eller justera det med andra segment.

• Du kan ange alternativ för varje segment – som segmentstyp, namn och webbadress – i dialogrutan Segmentalternativ.

• Du kan optimera varje segment med de olika optimeringsinställningarna i dialogrutan Spara för webben och enheter.

Segment kategoriseras efter innehållstyp (Tabell, Bild, Ingen bild) och efter sättet som de skapades på (användare, lagerbaserat, auto).

Segment som skapas med segmentverktyget kallas användarsegment, och segment som skapats från ett lager kallas lagerbaserade segment. När du skapar ett nytt användarsegment eller lagerbaserat segment skapas andra automatiska segment som hanterar de återstående områdena i bilden. Automatiska segment fyller alltså det utrymme i bilden som inte definieras av användarsegment eller lagerbaserade segment. Automatiska segment skapas på nytt varje gång du lägger till eller redigerar användarsegment eller lagerbaserade segment. Du kan konvertera automatiska segment till användarsegment.

Användarsegment, lagerbaserade segment och automatiska segment ser olika ut: användarsegment och lagerbaserade segment avgränsas av en heldragen linje, medan automatiska segment avgränsas av en prickad linje. Dessutom har användarsegment och lagerbaserade segment en tydlig ikon. Du kan välja att visa eller dölja automatiska segment, vilket kan göra att ditt arbete med användar- och lagerbaserade segment blir lättare att se.

Ett delsegment är en typ av automatiskt segment som genereras när du skapar överlappande segment. Delsegmenten visar hur bilden delas upp när du sparar den optimerade filen. Delsegmenten numreras och får en segmentsymbol, men du kan inte markera eller redigera dem oberoende av det underliggande segmentet. Delsegmenten genereras om varje gång du ändrar segmentens staplingsordning.

Det går att skapa segment med hjälp av olika metoder:

• Automatiska segment genereras automatiskt.

• Användarsegment skapas med segmentverktyget.

• Lagerbaserade segment skapas med panelen Lager.

Du kan använda segmentverktyget för att rita segmenteringslinjer direkt på en bild, eller skapa din egen grafik med lager och sedan skapa segment baserade på lagren.

Ett lagerbaserat segment omfattar alla pixeldata i lagret. Om du flyttar lagret eller redigerar innehållet i det justeras segmentområdet automatiskt så att det innefattar de nya pixlarna.

Lagerbaserade segment är mindre flexibla än användarsegment, men du kan konvertera ("höja upp) ett lagerbaserat segment till ett användarsegment. Mer information finns i Konvertera automatiska och lagerbaserade segment till användarsegment.

Ett lagerbaserat segment är knutet till ett lagers pixelinnehåll och det enda sättet att flytta, kombinera, dela, justera och ändra storlek på det är därför att redigera lagret – om du inte konverterar det till ett användarsegment.

Alla automatiska segment i en bild är länkade till varandra och har samma optimeringsinställningar. Om du vill göra olika optimeringsinställningar för ett automatiskt segment måste du höja upp det till ett användarsegment.

Du kan visa segment i dialogrutan Spara för webben och enheter i Photoshop. Följande kännetecken kan hjälpa dig att identifiera och skilja mellan olika segment: