Omówienie plasterków

Podczas projektowania grafiki internetowej różne części obrazu często muszą działać niezależnie.Jeden obszar może prowadzić do adresu URL, inny może się wczytywać szybciej, a kolejny może wymagać innych ustawień korekcji.Plasterki dzielą pojedynczy obraz na siatkę mniejszych fragmentów, które współpracują jako strona internetowa, zapewniając jednocześnie kontrolę nad każdą sekcją.

Program Photoshop odtwarza pocięte na plasterki obrazy na stronach internetowych za pomocą tabel HTML lub warstw CSS.Gdy eksportujesz obraz pocięty na plasterki za pomocą polecenia Plik > Eksportuj > Zapisz dla Internetu, program Photoshop zapisuje każdy plasterek jako osobny plik.Generuje również kod HTML lub CSS potrzebny do wyświetlenia obrazu jako jednej kompozycji w przeglądarce.

Jak działają wycinki

Plasterki dzielą obraz wzdłuż niewidocznych linii siatki, tworząc prostokątne sekcje, które działają jako niezależne pliki.Każdy plasterek zachowuje swoją pozycję w ogólnym układzie, działając jednocześnie jako niezależny element z własnymi właściwościami, ustawieniami korekcji i zachowaniami.

Takie podejście ma kilka praktycznych zalet:

• Przypisz różne adresy URL, aby utworzyć klikalne elementy nawigacji
• Stosowanie różnych ustawień kompresji w celu zbalansowania jakości i rozmiaru plików w różnych obszarach
• Aktualizuj poszczególne sekcje bez konieczności ponownego eksportowania całej kompozycji

Typ plasterka według sposobu utworzenia

Program Photoshop kategoryzuje plasterki na podstawie sposobu ich utworzenia, a każdy typ zachowuje się inaczej podczas edycji obrazu.

• Plasterki użytkownika: sekcje definiowane ręcznie za pomocą narzędzia Cięcie na plasterki .Masz pełną kontrolę nad ich rozmiarem, pozycją i właściwościami, a pozostają na swoim miejscu, dopóki ich nie przesuniesz lub nie zmodyfikujesz.
• Plasterki oparte na warstwach: plasterki obejmują wszystkie piksele w warstwie.Ich granice są aktualizowane automatycznie podczas przenoszenia lub edytowania warstwy.Działają dobrze w przypadku zawartości, która często się zmienia, ale zapewniają mniejszą kontrolę nad precyzyjnym pozycjonowaniem niż plasterki użytkownika.
• Plasterki automatyczne: plasterki wypełniające pozostałą część obrazu, która nie jest objęta plasterkami użytkownika lub plasterkami opartymi na warstwach.Photoshop generuje je automatycznie i generuje ponownie po każdym dodaniu, usunięciu lub zmodyfikowaniu innych plasterków. Wszystkie automatyczne plasterki na obrazie mają te same ustawienia ulepszeń.
• Podplasterki: Specjalny typ automatycznego plasterka, który pojawia się, gdy plasterki nakładają się na siebie. Podplasterki pokazują, jak Photoshop podzieli nakładające się obszary podczas zapisywania ulepszonego pliku. Nie można wybierać ani edytować podplasterków niezależnie od ich bazowych plasterków.

Typ plasterka według zawartości

Plasterki są też klasyfikowane według typu zawartości, jaką zawierają.

• Plasterki obrazu: Domyślny typ plasterka dla zawartości wizualnej, zawierający dane obrazu z dokumentu w programie Photoshop.
• Plasterki bez obrazu: Puste komórki tabeli na tekst HTML lub kolory jednolite. Program Photoshop nie eksportuje ich jako plików obrazu, dzięki czemu są przydatne w przypadku tekstu dynamicznego, który można zaznaczać.
• Plasterki tabeli: Plasterki określające, jak Photoshop strukturyzuje tabelę HTML używaną do ponownego złożenia podzielonego obrazu w przeglądarce.

Wizualne wskazówki dotyczące plasterków

Program Photoshop używa wizualnych wskazówek, aby ułatwić rozróżnianie typów plasterków podczas pracy.

• Linie plasterków: Linie ciągłe oznaczają plasterki użytkownika lub plasterki oparte na warstwach, a linie kropkowane oznaczają plasterki automatyczne.
• Kolory plasterków: Niebieskie symbole identyfikują plasterki użytkownika i plasterki oparte na warstwach, a szare symbole oznaczają plasterki automatyczne.
• Numery plasterków: Numery w lewym górnym rogu każdego plasterka biegną od lewej do prawej i od góry do dołu oraz są automatycznie aktualizowane podczas zmiany układu lub modyfikowania plasterków.
• Znaczniki plasterków: Małe ikony identyfikują zawartość i typ plasterka. Na przykład ikona obrazu oznacza plasterek użytkownika z zawartością obrazu, przekreślona ikona obrazu oznacza plasterek użytkownika bez zawartości obrazu, a ikona warstwy oznacza plasterek oparty na warstwie.

Rozpoznawanie tych różnic wizualnych pomaga szybko identyfikować typy plasterków i pracować wydajniej ze złożonymi układami plasterków podczas cięcia stron internetowych na plasterki.