Ikhtisar Irisan

Saat Anda mendesain grafik untuk web, bagian berbeda dari sebuah citra sering perlu berperilaku secara independen. Satu area mungkin ditautkan ke URL, area lain mungkin dimuat lebih cepat, dan area lainnya mungkin memerlukan pengaturan penyempurnaan yang berbeda. Irisan membagi satu citra menjadi kisi-kisi bagian yang lebih kecil yang bekerja bersama sebagai satu halaman web, sambil tetap menjaga kendali atas setiap bagian.

Photoshop menyusun kembali citra yang diiris pada halaman web menggunakan tabel HTML atau lapisan CSS. Saat Anda mengekspor citra yang diiris dengan perintah File > Ekspor > Simpan untuk Web, Photoshop menyimpan setiap irisan sebagai file terpisah. Proses ini juga menghasilkan HTML atau CSS yang diperlukan untuk menampilkan citra sebagai komposisi tunggal di browser.

Cara kerja irisan

Irisan membagi citra di sepanjang garis kisi yang tidak terlihat, sehingga membuat bagian persegi panjang yang berfungsi sebagai file independen.Setiap irisan tetap berada pada posisinya dalam tata letak secara keseluruhan sambil berfungsi sebagai elemen terpisah dengan properti, pengaturan penyempurnaan, dan perilakunya sendiri.

Pendekatan ini menawarkan beberapa keunggulan praktis:

• Tetapkan tautan URL yang berbeda untuk membuat elemen navigasi yang dapat diklik
• Terapkan pengaturan kompresi yang bervariasi untuk menyeimbangkan kualitas dan ukuran file di berbagai area
• Perbarui bagian individual tanpa harus mengekspor ulang seluruh komposisi

Jenis irisan berdasarkan pembuatan

Photoshop mengategorikan irisan berdasarkan cara pembuatannya, dan setiap jenis berperilaku berbeda saat Anda mengedit citra.

• Irisan pengguna: Bagian yang Anda tentukan secara manual menggunakan alat Irisan .Anda memiliki kendali penuh atas ukuran, posisi, dan properti irisan tersebut, dan irisan tersebut akan tetap pada tempatnya sampai Anda memindahkan atau mengubahnya.
• Irisan berbasis lapisan: Irisan mencakup semua piksel dalam lapisan. Batasnya akan diperbarui secara otomatis saat Anda memindahkan atau mengedit lapisan tersebut. Irisan jenis ini bekerja dengan baik untuk konten yang sering berubah, tetapi menawarkan kendali yang lebih sedikit atas posisi yang tepat dibandingkan dengan irisan pengguna.
• Irisan otomatis: Irisan yang mengisi ruang yang tersisa dalam citra yang tidak tercakup oleh irisan pengguna atau irisan berbasis lapisan. Photoshop membuat irisan ini secara otomatis dan membuatnya kembali setiap kali Anda menambahkan, menghapus, atau mengubah irisan lain.Semua irisan otomatis dalam citra menggunakan pengaturan peningkatan yang sama.
• Sub-irisan: Jenis Irisan otomatis khusus yang muncul saat Irisan saling tumpang tindih. Sub-irisan menunjukkan bagaimana Photoshop akan membagi area yang tumpang tindih saat Anda menyimpan file yang telah ditingkatkan. Anda tidak dapat memilih atau mengedit sub-irisan secara independen dari irisan yang mendasarinya.

Jenis Irisan berdasarkan konten

Irisan juga diklasifikasikan berdasarkan jenis konten yang dikandungnya.

• Irisan citra: Jenis irisan default untuk konten visual, yang berisi data citra dari dokumen Photoshop Anda.
• Irisan tanpa citra: Sel tabel kosong untuk teks HTML atau warna solid.Photoshop tidak mengekspor ini sebagai file citra, sehingga berguna untuk teks langsung yang dapat dipilih.
• Irisan tabel: Irisan yang menentukan bagaimana Photoshop menyusun tabel HTML yang digunakan untuk menyusun ulang citra yang diiris di browser.

Petunjuk visual Irisan

Photoshop menggunakan petunjuk visual untuk membantu Anda membedakan jenis Irisan saat bekerja.

• Garis irisan: Garis solid menandai irisan pengguna atau irisan berbasis lapisan, dan garis putus-putus menandai irisan otomatis.
• Warna irisan: Simbol biru mengidentifikasi irisan pengguna dan irisan berbasis lapisan, dan simbol abu-abu menandai irisan otomatis.
• Nomor irisan: Nomor di sudut kiri atas setiap irisan berjalan dari kiri ke kanan dan atas ke bawah, serta diperbarui secara otomatis saat Anda menyusun ulang atau mengubah irisan.
• Lencana irisan: Ikon kecil mengidentifikasi konten dan jenis irisan.Misalnya, ikon citra menandai irisan pengguna dengan konten citra, ikon citra yang dicoret menandai irisan pengguna tanpa konten citra, dan ikon lapisan menandai irisan berbasis lapisan.

Mengenali perbedaan visual ini membantu Anda mengidentifikasi jenis Irisan dengan cepat dan bekerja lebih efisien dengan tata letak Irisan yang kompleks saat Anda mengiris halaman web.