Oversigt over udsnit

Når du designer grafik til internettet, skal forskellige dele af et billede ofte fungere uafhængigt af hinanden. Et område kan linke til en URL-adresse, et andet kan indlæses hurtigere, og et tredje kan have brug for andre forbedringsindstillinger. Udsnit opdeler et enkelt billede i et gitter af mindre dele, der fungerer sammen som en webside, samtidig med at hver del bevarer kontrollen over sin egen sektion.

Photoshop samler opdelte billeder på websider igen ved hjælp af HTML-tabeller eller CSS-lag. Når du eksporterer et opdelt billede med kommandoen Filer > Eksportér > Gem til web, gemmer Photoshop hvert udsnit som en separat fil. Det genererer også den HTML eller CSS, der er nødvendig for at vise billedet som en samlet komposition i en browser.

Hvordan udsnit fungerer

Udsnit opdeler et billede langs usynlige gitterlinjer og skaber rektangulære sektioner, der fungerer som uafhængige filer. Hvert udsnit bevarer sin placering i det overordnede layout, samtidig med at det fungerer som et separat element med sine egne egenskaber, forbedringsindstillinger og funktioner.

Denne metode giver nogle praktiske fordele:

• Tildel forskellige URL-links for at oprette klikbare navigationselementer
• Anvend varierede komprimeringsindstillinger for at balancere kvalitet og filstørrelse i forskellige områder
• Opdater individuelle sektioner uden at eksportere hele kompositionen igen

Udsnitstype efter oprettelse

Photoshop kategoriserer udsnit baseret på, hvordan de oprettes, og hver type fungerer forskelligt, når du redigerer billedet.

• Brugerudsnit: Sektioner, du definerer manuelt med Udsnit -værktøjet. Du har fuld kontrol over deres størrelse, placering og egenskaber, og de forbliver på plads, indtil du flytter eller ændrer dem.
• Lagbaserede udsnit: Udsnit indeholder alle pixels i et lag. Deres grænser opdateres automatisk, når du flytter eller redigerer laget. De fungerer godt til indhold, der ændrer sig ofte, men giver mindre kontrol over præcis placering end brugerudsnit.
• Automatiske udsnit: Udsnit, der udfylder den resterende plads i et billede, som ikke er dækket af brugerudsnit eller lagbaserede udsnit. Photoshop opretter disse automatisk og opretter dem igen, hver gang du tilføjer, fjerner eller ændrer andre udsnit. Alle automatiske udsnit i et billede har de samme forbedringsindstillinger.
• Underudsnit: En specialiseret type automatisk udsnit, som vises, når udsnit overlapper hinanden. Underudsnit viser, hvordan Photoshop opdeler de overlappende områder, når du gemmer den forbedrede fil. Du kan ikke vælge eller redigere underudsnit uafhængigt af deres underliggende udsnit.

Udsnits type efter indhold

Udsnit klassificeres også efter den type indhold, de indeholder.

• Billedudsnit: Standardudsnitstypen til visuelt indhold, som indeholder billeddata fra dit Photoshop-dokument.
• Udsnit uden billede: Tomme tabelceller til HTML-tekst eller rene farver. Photoshop eksporterer ikke disse som billedfiler, hvilket gør dem nyttige til live-tekst, der kan markeres.
• Tabeludsnit: Udsnit, der definerer, hvordan Photoshop strukturerer den HTML-tabel, der bruges til at samle et opdelt billede igen i en browser.

Visuelle kendetegn for udsnit

Photoshop bruger visuelle kendetegn til at hjælpe dig med at skelne mellem udsnitstyper, mens du arbejder.

• Udsnitslinjer: Fulde linjer markerer brugerudsnit eller lagbaserede udsnit, og stiplede linjer markerer automatiske udsnit.
• Udsnitsfarver: Blå symboler identificerer brugerudsnit og lagbaserede udsnit, og grå symboler markerer automatiske udsnit.
• Udsnitsnumre: Tallene i øverste venstre hjørne af hvert udsnit går fra venstre mod højre og fra top til bund og opdateres automatisk, når du omarrangerer eller ændrer udsnit.
• Udsnitsmærker: Små ikoner identificerer udsnittets indhold og type.Et billedikon markerer for eksempel et brugerudsnit med billedindhold, et overstreget billedikon markerer et brugerudsnit uden billedindhold, og et lagikon markerer et lagbaseret udsnit.

Når du kan genkende disse visuelle forskelle, kan du hurtigt identificere udsnitstyper og arbejde mere effektivt med komplekse udsnitslayout, når du opdeler web-sider i udsnit.