Szeletek áttekintése

Amikor a webhez készít grafikákat, a kép különböző részeinek gyakran egymástól függetlenül kell működniük.Az egyik terület egy URL-re hivatkozhat, egy másik gyorsabban töltődhet be, egy harmadiknak pedig eltérő javítási beállításokra lehet szüksége. A szeletek egyetlen képet kisebb darabokból álló rácsra bontanak, amelyek együtt weboldalként működnek, miközben minden szakasz külön vezérelhető marad.

A Photoshop a felszeletelt képeket HTML-táblázatok vagy CSS-rétegek használatával állítja össze újra a weboldalakon. Amikor egy felszeletelt képet a(z) Fájl > Exportálás > Mentés webre paranccsal exportál, a Photoshop minden szeletet külön fájlként ment. Emellett létrehozza a HTML- vagy CSS-kódot is, amely szükséges ahhoz, hogy a kép egyetlen kompozícióként jelenjen meg a böngészőben.

A szeletek működése

A szeletek láthatatlan rácsvonalak mentén osztják fel a képet, és olyan téglalap alakú szakaszokat hoznak létre, amelyek önálló fájlokként működnek. Minden szelet megőrzi a helyét a teljes elrendezésben, miközben külön elemként működik saját tulajdonságokkal, javítási beállításokkal és viselkedéssel.

Ez a megközelítés néhány gyakorlati előnyt kínál:

• Különböző URL-hivatkozások hozzárendelése kattintható navigációs elemek létrehozásához
• Eltérő tömörítési beállítások alkalmazása a minőség és a fájlméret egyensúlyának megteremtéséhez a különböző területeken
• Az egyes szakaszok frissítése a teljes kompozíció újraexportálása nélkül

Létrehozás szerinti szelettípusok

A Photoshop a szeleteket a létrehozásuk módja szerint kategorizálja, és szerkesztés közben mindegyik típus másként viselkedik.

• Felhasználói szeletek: Olyan szakaszok, amelyeket kézzel határoz meg a(z) Szelet eszköz eszközzel. Teljes mértékben Ön szabályozza a méretüket, helyzetüket és tulajdonságaikat, és addig maradnak a helyükön, amíg át nem helyezi vagy módosítja őket.
• Rétegalapú szeletek: A szeletek a réteg összes képpontját tartalmazzák. A határaik automatikusan frissülnek, amikor áthelyezi vagy szerkeszti a réteget. Jól használhatók gyakran változó tartalomhoz, de a pontos pozicionálás terén kevesebb vezérlést kínálnak, mint a felhasználói szeletek.
• Automatikus szeletek: Olyan szeletek, amelyek kitöltik a kép fennmaradó részét, amelyet nem fednek felhasználói vagy rétegalapú szeletek.A Photoshop automatikusan létrehozza ezeket, és újra létrehozza őket, amikor más szeleteket ad hozzá, távolít el vagy módosít. Egy kép összes automatikus szelete ugyanazokat a javítási beállításokat használja.
• Alszeletek: Az automatikus szeletek speciális típusa, amely akkor jelenik meg, amikor a szeletek átfedik egymást. Az alszeletek megmutatják, hogyan osztja fel a Photoshop az átfedő területeket a javított fájl mentésekor. Az alszeleteket nem lehet kijelölni vagy szerkeszteni a mögöttük lévő szeletektől függetlenül.

Szelettípus tartalom szerint

A szeleteket a bennük lévő tartalom típusa szerint is osztályozzuk.

• Képszeletek: A vizuális tartalmak alapértelmezett szelettípusa, amely a Photoshop-dokumentumból származó képadatokat tartalmazza.
• Kép nélküli szeletek: Üres táblacellák HTML-szöveghez vagy tömör színekhez. A Photoshop nem exportálja ezeket képfájlként, emiatt hasznosak az élő, kijelölhető szöveghez.
• Táblaszeletek: Olyan szeletek, amelyek meghatározzák, hogyan szervezi a Photoshop a böngészőben a szeletekre bontott kép összeállításához használt HTML-táblát.

Szeletek vizuális jelzései

A Photoshop vizuális jelzéseket használ, hogy munka közben könnyebben megkülönböztethesse a szelettípusokat.

• Szeletvonalak: A folytonos vonalak a felhasználói szeleteket vagy a réteg alapú szeleteket jelölik, a pontozott vonalak pedig az automatikus szeleteket.
• Szeletszínek: A kék szimbólumok jelölik a felhasználói szeleteket és a réteg alapú szeleteket, a szürke szimbólumok pedig az automatikus szeleteket.
• Szeletszámok: Az egyes szeletek bal felső sarkában lévő számok balról jobbra és fentről lefelé haladnak, és automatikusan frissülnek, amikor átrendezi vagy módosítja a szeleteket.
• Szeletjelvények: Kis ikonok jelölik a szelet tartalmát és típusát. Például egy kép ikon jelöl egy kép tartalmú felhasználói szeletet, egy áthúzott kép ikon jelöl egy kép tartalom nélküli felhasználói szeletet, és egy réteg ikon jelöl egy réteg alapú szeletet.

Ezeknek a vizuális különbségeknek a felismerése segít gyorsan azonosítani a szelettípusokat, és hatékonyabban dolgozni az összetett szeletelrendezésekkel, amikor weboldalakat szeletel.