Översikt över segment

När du designar grafik för webben behöver olika delar av en bild ofta fungera oberoende av varandra. Ett område kan länka till en URL, ett annat kan läsas in snabbare och ett tredje kan behöva andra förbättringsinställningar. Segment delar upp en enda bild i ett rutnät med mindre delar som fungerar tillsammans som en webbsida, samtidigt som varje del har kontroll över sitt eget avsnitt.

Photoshop sätter ihop segmenterade bilder på webbsidor igen med hjälp av HTML-tabeller eller CSS-lager.När du exporterar en segmenterad bild med kommandot Arkiv > Export > Spara för webben, sparar Photoshop varje segment som en separat fil. Den genererar också den HTML eller CSS som behövs för att visa bilden som en enda komposition i en webbläsare.

Hur segment fungerar

Segment delar upp en bild längs osynliga rutnätslinjer och skapar rektangulära avsnitt som fungerar som oberoende filer. Varje segment behåller sin position i den övergripande layouten samtidigt som det fungerar som ett separat element med egna egenskaper, förbättringsinställningar och beteenden.

Det här tillvägagångssättet ger några praktiska fördelar:

• Tilldela olika URL-länkar för att skapa klickbara navigeringselement
• Använd olika komprimeringsinställningar för att balansera kvalitet och filstorlek i olika områden
• Uppdatera enskilda avsnitt utan att exportera om hela kompositionen

Segmenttyp efter skapande

Photoshop kategoriserar segment utifrån hur de skapas, och varje typ beter sig olika när du redigerar bilden.

• Användarsegment: Avsnitt som du definierar manuellt med verktyget Segment . Du har full kontroll över storlek, position och egenskaper, och de ligger kvar tills du flyttar eller ändrar dem.
• Lagerbaserade segment: Segmenten innehåller alla pixlar i ett lager. Deras gränser uppdateras automatiskt när du flyttar eller redigerar lagret. De fungerar bra för innehåll som ändras ofta, men ger mindre kontroll över exakt positionering än användarsegment.
• Automatiska segment: Segment som fyller det återstående utrymmet i en bild som inte täcks av användarsegment eller lagerbaserade segment. Photoshop genererar dessa automatiskt och återskapar dem när du lägger till, tar bort eller ändrar andra segment. Alla automatiska segment i en bild har samma förbättringsinställningar.
• Delsegment: En specialiserad typ av automatiskt segment som visas när segment överlappar varandra. Delsegment visar hur Photoshop delar upp de överlappande områdena när du sparar den förbättrade filen. Du kan inte välja eller redigera delsegment oberoende av de underliggande segmenten.

Segmenttyp efter innehåll

Segment klassificeras också efter vilken typ av innehåll de innehåller.

• Bildsegment: Standardsegmenttypen för visuellt innehåll, som innehåller bilddata från ditt Photoshop-dokument.
• Segment utan bild: Tomma tabellceller för HTML-text eller enfärgade ytor.Photoshop exporterar inte dessa som bildfiler, vilket gör dem användbara för levande, valbar text.
• Tabellsegment: Segment som definierar hur Photoshop strukturerar HTML-tabellen som används för att sätta ihop ett uppdelat Bild i en webbläsare.

Visuella signaler för segment

Photoshop använder visuella signaler för att hjälpa dig skilja mellan olika segmenttyper medan du arbetar.

• Segmentlinjer: Heldragna linjer markerar användarsegment eller lagerbaserade segment, och punktlinjer markerar automatiska segment.
• Segmentfärger: Blå symboler identifierar användarsegment och lagerbaserade segment, och grå symboler markerar automatiska segment.
• Segmentnummer: Numren i det övre vänstra hörnet av varje segment löper från vänster till höger och uppifrån och ned, och uppdateras automatiskt när du ordnar om eller ändrar segment.
• Segmentmärken: Små ikoner identifierar segmentets innehåll och typ. Till exempel markerar en bildikon ett användarsegment med bildinnehåll, en överkryssad bildikon markerar ett användarsegment utan bildinnehåll, och en lagerikon markerar ett lagerbaserat segment.

Att känna igen dessa visuella skillnader hjälper dig att snabbt identifiera segmenttyper och arbeta mer effektivt med komplexa segmentlayouter när du delar upp webbsidor i segment.