User Guide Cancel

HTML options for slices

  1. Panduan Pengguna Photoshop
  2. Pengantar Photoshop
    1. Bermimpi. Wujudkan.
    2. Yang baru di Photoshop
    3. Edit foto pertama Anda
    4. Buat dokumen
    5. Photoshop | Pertanyaan Umum
    6. Persyaratan sistem Photoshop
    7. Berkenalan dengan Photoshop
    8. Selalu perbarui Photoshop
  3. Photoshop dan produk serta layanan Adobe lainnya
    1. Bekerja dengan karya seni Illustrator di Photoshop
    2. Bekerja dengan file Photoshop di InDesign
    3. Materi Substance 3D untuk Photoshop
    4. Menggunakan ekstensi Capture dalam aplikasi di Photoshop
  4. Photoshop di perangkat seluler (tidak tersedia di Tiongkok daratan)
    1. Panduan pengguna
    2. Yang Baru 
    3. Persyaratan teknis    
  5. Photoshop di iPad (tidak tersedia di Tiongkok daratan)
    1. Photoshop di iPad | Pertanyaan umum
    2. Berkenalan dengan ruang kerja
    3. Persyaratan sistem | Photoshop di iPad
    4. Membuat, membuka, dan mengekspor dokumen
    5. Menambahkan foto
    6. Bekerja dengan lapisan
    7. Menggambar dan melukis dengan kuas
    8. Membuat seleksi dan menambahkan mask
    9. Memoles komposit Anda
    10. Bekerja dengan lapisan penyesuaian
    11. Menyesuaikan tonalitas komposit Anda dengan kurva
    12. Menerapkan operasi transformasi
    13. Memangkas dan memutar komposit Anda
    14. Memutar, menggeser, men-zoom, dan mereset kanvas
    15. Bekerja dengan lapisan Ketikan
    16. Bekerja dengan Photoshop dan Lightroom
    17. Mendapatkan font yang hilang di Photoshop di iPad
    18. Teks Bahasa Jepang di Photoshop di iPad
    19. Mengelola pengaturan aplikasi
    20. Pintasan sentuh dan gestur
    21. Pintasan keyboard
    22. Mengedit ukuran gambar Anda
    23. Livestream saat Anda berkarya di Photoshop di iPad
    24. Mengoreksi imperfeksi dengan Kuas Reparasi
    25. Membuat kuas di Capture dan menggunakan di Photoshop di iPad
    26. Bekerja dengan file Camera Raw
    27. Berkreasi dan bekerja dengan Objek Cerdas
    28. Menyesuaikan eksposur dalam gambar Anda dengan Pencerah dan Penggelap
    29. Perintah penyesuaian otomatis di Photoshop di iPad
    30. Mencoreng area dalam gambar Anda dengan Photoshop di iPad
    31. Menambah atau mengurangi saturasi gambar Anda menggunakan alat Spons
    32. Isian berdasarkan konten untuk iPad
  6. Photoshop di web (tidak tersedia di Tiongkok daratan)
    1. Panduan pengguna
    2. Yang baru di Photoshop
    3. Persyaratan teknis
    4. Pertanyaan umum
    5. Menggambar dan mengedit Bentuk
    6. Bekerja dengan siapa saja di web
  7. Photoshop (beta) (tidak tersedia di Tiongkok daratan)
    1. Mulai menggunakan aplikasi Creative Cloud Beta
    2. Photoshop (beta) di desktop
    3. Gambar Referensi
  8. AI generatif (tidak tersedia di Tiongkok daratan) 
    1. Pertanyaan umum tentang AI generatif di Photoshop
    2. Isian Generatif di Photoshop di desktop
    3. Menghasilkan Gambar dengan prompt teks deskriptif
    4. Perluasan Generatif di Photoshop di desktop
    5. Mengganti latar belakang dengan Generasikan latar belakang
    6. Mendapatkan variasi baru dengan Hasilkan yang Serupa
    7. Isian Generatif di Photoshop di iPad
    8. Perluasan Generatif di Photoshop di iPad
    9. Fitur AI generatif di Photoshop di web
  9. Autentisitas konten (tidak tersedia di Tiongkok daratan)
    1. Content credentials di Photoshop
    2. Identitas dan asal-usul untuk NFT
    3. Menghubungkan akun untuk atribusi kreatif
  10. Dokumen Cloud (tidak tersedia di Tiongkok daratan)
    1. Dokumen cloud Photoshop | Pertanyaan umum
    2. Dokumen cloud Photoshop | Pertanyaan alur kerja
    3. Mengelola dan bekerja dengan dokumen cloud di Photoshop
    4. Memutakhirkan penyimpanan cloud untuk Photoshop
    5. Tidak dapat membuat atau menyimpan dokumen cloud
    6. Mengatasi kesalahan dokumen cloud Photoshop
    7. Mengumpulkan log sinkronisasi dokumen cloud
    8. Mengundang orang lain untuk mengedit dokumen cloud Anda
    9. Membagikan file dan memberi komentar dalam aplikasi
  11. Ruang Kerja
    1. Dasar-dasar ruang kerja
    2. Preferensi
    3. Belajar lebih cepat dengan Panel Temukan Photoshop
    4. Membuat dokumen
    5. Menempatkan file
    6. Pintasan keyboard default
    7. Kustomisasi pintasan keyboard
    8. Galeri alat
    9. Preferensi performa
    10. Bar Tugas Kontekstual
    11. Menggunakan alat
    12. Preset
    13. Kisi-kisi dan garis bantu
    14. Gestur sentuh
    15. Menggunakan Bar Sentuh dengan Photoshop
    16. Kemampuan sentuh dan ruang kerja yang dapat disesuaikan
    17. Pratinjau teknologi
    18. Metadata dan catatan
    19. Menempatkan gambar Photoshop di aplikasi lain
    20. Penggaris
    21. Menampilkan atau menyembunyikan Ekstra non-cetak
    22. Menentukan kolom untuk gambar
    23. Urungkan dan riwayat
    24. Panel dan menu
    25. Menempatkan elemen dengan pengaitan
    26. Menempatkan dengan alat Penggaris
  12. Dasar-dasar warna dan gambar
    1. Cara mengubah ukuran gambar
    2. Bekerja dengan gambar raster dan vektor
    3. Ukuran dan resolusi gambar
    4. Mendapatkan gambar dari kamera dan pemindai
    5. Membuat, membuka, dan mengimpor gambar
    6. Melihat gambar
    7. Kesalahan Penanda JPEG tidak valid | Membuka gambar
    8. Melihat banyak gambar sekaligus
    9. Menyesuaikan pemilih warna dan contoh warna
    10. Gambar high dynamic range
    11. Mencocokkan warna dalam gambar Anda
    12. Konversi antar-mode warna
    13. Mode warna
    14. Menghapus bagian gambar
    15. Mode campuran warna
    16. Memilih warna
    17. Menyesuaikan tabel warna terindeks
    18. Informasi gambar
    19. Filter distorsi tidak tersedia
    20. Tentang warna
    21. Penyesuaian warna dan monokrom menggunakan saluran
    22. Memilih warna di panel warna dan contoh warna
    23. Sampel
    24. Mode Warna atau mode Gambar
    25. Semburat warna
    26. Menambahkan perubahan mode bersyarat ke tindakan
    27. Menambahkan contoh warna dari HTML CSS dan SVG
    28. Kedalaman bit dan preferensi
  13. Lapisan
    1. Dasar-dasar lapisan
    2. Pengeditan non- destruktif
    3. Membuat dan mengelola lapisan dan grup
    4. Memilih, mengelompokkan, dan menautkan lapisan
    5. Menempatkan gambar ke dalam bingkai
    6. Opasitas lapisan dan campuran warna
    7. Lapisan mask
    8. Menerapkan Filter Cerdas
    9. Komp lapisan
    10. Memindahkan, menumpuk, dan mengunci lapisan
    11. Lapisan mask dengan mask vektor
    12. Mengelola lapisan dan grup
    13. Efek lapisan dan gaya
    14. Mengedit mask lapisan
    15. Mengekstraksi aset
    16. Menampilkan lapisan dengan mask pemotongan
    17. Menghasilkan aset gambar dari lapisan
    18. Bekerja dengan Objek Cerdas
    19. Mode campuran warna
    20. Menggabungkan beberapa gambar ke dalam potret grup
    21. Menggabungkan gambar dengan Campur Warna Lapisan Secara Otomatis
    22. Menyejajarkan dan mendistribusikan lapisan
    23. Menyalin CSS dari lapisan
    24. Memuat seleksi dari batas lapisan atau mask lapisan
    25. Knockout untuk memunculkan konten dari lapisan lain
  14. Seleksi
    1. Mulai menggunakan seleksi
    2. Membuat seleksi dalam komposit Anda
    3. Pilih dan Mask ruang kerja
    4. Memilih dengan alat seleksi
    5. Memilih dengan alat laso
    6. Menyesuaikan seleksi piksel
    7. Memindahkan, menyalin, dan menghapus piksel yang dipilih
    8. Membuat mask cepat sementara
    9. Memilih rentang warna dalam gambar
    10. Mengonversi antara jalur dan batas seleksi
    11. Dasar-dasar saluran
    12. Menyimpan seleksi dan mask saluran alfa
    13. Memilih area gambar dalam fokus
    14. Menduplikasi, membagi, dan menggabungkan saluran
    15. Kalkulasi saluran
  15. Penyesuaian gambar
    1. Mengganti warna objek
    2. Warp perspektif
    3. Mengurangi blur goyangan kamera
    4. Contoh kuas reparasi
    5. Mengekspor tabel pencarian warna
    6. Menyesuaikan ketajaman dan blur gambar
    7. Memahami penyesuaian warna
    8. Menerapkan penyesuaian Kecerahan/Kontras
    9. Menyesuaikan detail bayangan dan sorotan
    10. Penyesuaian level
    11. Menyesuaikan rona dan saturasi
    12. Menyesuaikan vibrance
    13. Menyesuaikan saturasi warna di area gambar
    14. Melakukan penyesuaian tonal cepat
    15. Menerapkan efek warna khusus ke gambar
    16. Menyempurnakan gambar Anda dengan penyesuaian keseimbangan warna
    17. Gambar high dynamic range
    18. Melihat histogram dan nilai piksel
    19. Mencocokkan warna dalam gambar Anda
    20. Memangkas dan meluruskan foto
    21. Mengonversi gambar berwarna menjadi hitam dan putih
    22. Penyesuaian dan lapisan isian
    23. Penyesuaian kurva
    24. Mode campuran warna
    25. Gambar target untuk ditekan
    26. Menyesuaikan warna dan rona dengan eyedropper Level dan Kurva
    27. Menyesuaikan eksposur HDR dan peronaan
    28. Mencerahkan atau menggelapkan area gambar
    29. Membuat penyesuaian warna selektif
  16. Adobe Camera Raw
    1. Persyaratan sistem Camera Raw
    2. Yang baru di Camera Raw
    3. Pengantar Camera Raw
    4. Membuat panorama
    5. Lensa yang didukung
    6. Efek vinyet, grain, dan kabut di Camera Raw
    7. Pintasan keyboard default
    8. Koreksi perspektif otomatis pada Camera Raw
    9. Filter Radial di Camera Raw
    10. Pengaturan Camera Raw
    11. Membuka, memproses, dan menyimpan gambar di Camera Raw
    12. Memperbaiki gambar dengan alat Penghilangan Spot yang Disempurnakan di Camera Raw
    13. Memutar, memangkas, dan menesuaikan gambar
    14. Menyesuaikan rendering warna di Camera Raw
    15. Memproses versi di Camera Raw
    16. Membuat penyesuaian lokal di Camera Raw
  17. Perbaikan dan restorasi gambar
    1. Alat Hilangkan
    2. Menghilangkan objek dari foto Anda dengan Isian Berdasarkan Konten
    3. Tambalan dan Geser Berdasarkan Konten
    4. Memoles dan memperbaiki foto
    5. Koreksi distorsi dan noise gambar
    6. Langkah-langkah pemecahan masalah dasar untuk memperbaiki sebagian besar masalah
  18. Penyempurnaan dan transformasi gambar
    1. Mengganti langit dalam gambar Anda
    2. Mentransformasikan objek
    3. Menyesuaikan pemangkasan, rotasi, dan ukuran kanvas
    4. Cara memangkas dan meluruskan foto
    5. Membuat dan mengedit gambar panorama
    6. Membungkus gambar, bentuk, dan jalur
    7. Titik Lenyap
    8. Penskalaan berdasarkan konten
    9. Mentransformasikan gambar, bentuk, dan jalur
  19. Menggambar dan melukis
    1. Melukis pola simetris
    2. Menggambar persegi panjang dan memodifikasi opsi goresan
    3. Tentang menggambar
    4. Menggambar dan mengedit bentuk
    5. Alat melukis
    6. Membuat dan memodifikasi kuas
    7. Mode campuran warna
    8. Menambahkan warna ke jalur
    9. Mengedit jalur
    10. Melukis dengan Kuas Pencampur
    11. Preset kuas
    12. Gradasi
    13. Interpolasi gradasi
    14. Seleksi, lapisan, serta jalur isian dan goresan
    15. Menggambar dengan alat Pena
    16. Membuat pola
    17. Membuat pola menggunakan Pembuat Pola
    18. Mengelola jalur
    19. Mengelola pustaka pola dan preset
    20. Menggambar atau melukis dengan tablet grafis
    21. Membuat kuas bertekstur
    22. Menambahkan elemen dinamis ke kuas
    23. Gradasi
    24. Melukis goresan bergaya dengan Kuas Riwayat Seni
    25. Melukis dengan pola
    26. Menyinkronkan preset di beberapa perangkat
    27. Memigrasikan preset, tindakan, dan pengaturan
  20. Teks
    1. Menambahkan dan mengedit teks
    2. Unified Text Engine
    3. Bekerja dengan font OpenType SVG
    4. Memformat karakter
    5. Memformat paragraf
    6. Cara membuat efek ketikan
    7. Mengedit teks
    8. Jarak garis dan karakter
    9. Ketikan Arabic dan Hebrew
    10. Font
    11. Memecahkan masalah font
    12. Ketikan Asia
    13. Membuat ketikan
  21. Filter dan efek
    1. Menggunakan Galeri Blur
    2. Dasar-dasar filter
    3. Referensi efek filter
    4. Menambahkan Efek Pencahayaan
    5. Menggunakan filter Sudut Lebar Adaptif
    6. Menggunakan filter Cat Minyak
    7. Menggunakan filter Likuifikasi
    8. Efek lapisan dan gaya
    9. Menerapkan filter tertentu
    10. Mencoreng area gambar
  22. Menyimpan dan mengekspor
    1. Menyimpan file Anda di Photoshop
    2. Mengekspor file Anda di Photoshop
    3. Format file yang didukung
    4. Menyimpan file dalam format grafis
    5. Memindahkan desain antara Photoshop dan Illustrator
    6. Menyimpan dan mengekspor video dan animasi
    7. Menyimpan file PDF
    8. Proteksi hak cipta Digimarc
  23. Manajemen Warna
    1. Memahami manajemen warna
    2. Menjaga warna tetap konsisten
    3. Pengaturan warna
    4. Duotone
    5. Bekerja dengan profil warna
    6. Mengelola warna dalam dokumen untuk tampilan online
    7. Mengelola warna dalam dokumen saat mencetak
    8. Mengelola warna dalam gambar yang diimpor
    9. Proofing warna
  24. Desain aplikasi, web, dan layar
    1. Photoshop untuk desain
    2. Lembar kerja
    3. Pratinjau Perangkat
    4. Menyalin CSS dari lapisan
    5. Halaman web irisan
    6. Opsi HTML untuk irisan
    7. Mengubah tata letak irisan
    8. Bekerja dengan grafis web
    9. Membuat galeri foto web
  25. Video dan animasi
    1. Pengeditan video di Photoshop
    2. Mengedit lapisan video dan animasi
    3. Gambaran umum video dan animasi
    4. Pratinjau video dan animasi
    5. Melukis bingkai di lapisan video
    6. Mengimpor file video dan rangkaian gambar
    7. Membuat animasi bingkai
    8. Animasi 3D Creative Cloud (Pratinjau)
    9. Membuat animasi timeline
    10. Membuat gambar untuk video
  26. Mencetak
    1. Mencetak objek 3D
    2. Mencetak dari Photoshop
    3. Mencetak dengan menajemen warna
    4. Lembar Kontak dan Presentasi PDF
    5. Mencetak foto dalam tata letak paket gambar
    6. Mencetak warna spot
    7. Mencetak gambar ke mesin cetak komersial
    8. Meningkatkan kualitas cetakan warna dari Photoshop
    9. Memecahkan masalah pencetakan | Photoshop
  27. Otomatisasi
    1. Membuat tindakan
    2. Membuat grafik berbasis data
    3. Pembuatan skrip
    4. Memproses batch file
    5. Memutar dan mengelola tindakan
    6. Menambahkan tindakan bersyarat
    7. Tentang tindakan dan panel Tindakan
    8. Alat Rekam dalam tindakan
    9. Menambahkan perubahan mode bersyarat ke tindakan
    10. Kit alat Photoshop UI untuk plug-in dan skrip
  28. Pemecahan masalah
    1. Masalah yang diperbaiki 
    2. Masalah yang diketahui
    3. Mengoptimalkan performa Photoshop
    4. Pemecahan masalah dasar
    5. Memecahkan masalah kerusakan atau macet
    6. Memecahkan masalah program
    7. Memecahkan masalah kesalahan gores disk penuh
    8. Memecahkan masalah driver grafis dan GPU
    9. Menemukan alat yang hilang
    10. Photoshop 3D | Pertanyaan umum seputar fitur yang dihentikan

Display the Slice Options dialog box

Do one of the following:

  • Double-click a slice with the Slice Select tool . (If the tool isn’t visible, hold down the Crop or Slice tool.)
  • With the Slice Select tool active, click the Slice Options button  in the options bar. This method is not in the Save For Web & Devices dialog box.

Specify a slice content type

You can specify how the slice data appears in a web browser when exported with an HTML file. The available options vary according to the slice type you select.

  • Image slices contain image data. This is the default content type.

  • No Image slices let you create empty table cells that can be populated with text or a solid color. You can enter HTML text in a No Image slice. If you set the Text Is HTML option in the Save for Web & Devices dialog box, the text is interpreted as HTML when viewed in a browser. Slices of type No Image aren’t exported as images and can be previewed in a browser.

Note:

Setting options for an auto slice promotes the slice to a user slice.

  1. Select a slice. If you are working in Photoshop, double-click the slice with the Slice Select tool to display the Slice Options dialog box.
  2. In the Slice Options dialog box, select a slice type from the Type pop‑up menu.

Rename a slice

As you add slices to an image, you may find it helpful to rename slices based on their content. By default, user slices are named according to the settings in the Output Settings dialog box.

  1. Select a slice and double-click the slice with the Slice Select tool to display the Slice Options dialog box. In the Slice Options dialog box, type a new name in the Name text box.
    Note:

    The Name text box is not available for No Image slice content.

Choose a background color for a slice

You can select a background color to fill the transparent area (for Image slices) or entire area (for No Image slices) of the slice.

Photoshop does not display the selected background color—you must preview the image in a browser to view the effect of selecting a background color.

  1. Select a slice. If you are working in the Photoshop Save For Web & Devices dialog box, double-click the slice with the Slice Select tool to display the Slice Options dialog box.
  2. In the Slice Options dialog box, select a background color from the Background Color pop‑up menu. Select None, Matte, White, Black, or Other (using the Adobe Color Picker).

Assigning a URL to a slice makes the entire slice area a link in the resulting web page. When a user clicks the link, the web browser navigates to the specified URL and target frame. This option is available only for Image slices.

  1. Select a slice. If you are working in Photoshop, double-click the slice with the Slice Select tool to display the Slice Options dialog box.
  2. In the Slice Options dialog box, enter a URL in the URL text box. You can enter a relative URL or absolute (full) URL. If you enter an absolute URL, be sure to include the proper protocol (for example, http://www.adobe.com, not www.adobe.com). For more information on using relative and full URLs, see an HTML reference.
  3. If desired, enter the name of a target frame in the Target text box:

    _blank

    Displays the linked file in a new window, leaving the original browser window open.

    _self

    Displays the linked file in the same frame as the original file.

    _parent

    Displays the linked file in its own original parent frameset. Use this option if the HTML document contains frames and the current frame is a child. The linked file appears in the current parent frame.

    _top

    Replaces the entire browser window with the linked file, removing all current frames. The name must match a frame name previously defined in the HTML file for the document. When a user clicks the link, the specified file appears in the new frame.

    Note:

    For more information on frames, see an HTML reference.

Specify browser messages and Alt text

You can specify what messages appear in the browser. These options are available only for Image slices and appear only in exported HTML files.

  1. Select a slice. If you are working in Photoshop, double-click the slice with the Slice Select tool to display the Slice Options dialog box.
  2. In the Slice Options dialog box, type the desired text.

    Message Text

    Changes the default message in the browser’s status area for a selected slice or slices. By default, the slice’s URL, if any, is displayed.

    Alt Tag/Alt

    Specifies an Alt tag for a selected slice or slices. The Alt text appears in place of the slice image in nongraphical browsers. It also appears in place of the image while the image is downloading and as a tool tip in some browsers.

Add HTML text to a slice

When you choose a slice of type No Image, you can enter text to be displayed in the slice area of the resulting web page. This can be plain text or text formatted with standard HTML tags. You can also select vertical and horizontal alignment options. For more information on specific HTML tags, see an HTML reference.

Photoshop does not display HTML text in the document window; you must use a web browser to preview the text. Be sure to preview HTML text in different browsers, with different browser settings, and on different operating systems to confirm that your text is displayed correctly on the web.

Note:

The amount of text in a No Image slice can affect the layout of an exported page.

  1. Select a slice. Double-click the slice with the Slice Select tool to display the Slice Options dialog box. You can double-click the slice in the Save For Web & Devices dialog box to set additional formatting options.
  2. In the Slice Options dialog box, select No Image from the Slice Type menu.
  3. Type the desired text in the text box.
  4. (Save For Web & Devices dialog box only) If the text includes HTML formatting tags, select the Text Is HTML option. If you don’t select this option, HTML tags are ignored and all text appears as unformatted plain text on the resulting web page.
  5. (Save For Web & Devices dialog box only) If desired, select options in the Cell Alignment section of the dialog box:

    Default

    Uses the browser’s default for horizontal alignment.

    Left

    Aligns the text to the left side of the slice area.

    Center

    Aligns the text to the center of the slice area.

    Right

    Aligns the text to the right side of the slice area.

    Default

    Uses the browser’s default for vertical alignment.

    Top

    Aligns the text to the top of the slice area.

    Baseline

    Sets a common baseline for the first line of text in cells in the same row (of the resulting HTML table). Each cell in the row must use the Baseline option.

    Middle

    Centers the text vertically in the slice area.

    Bottom

    Aligns the text to the bottom of the slice area.

Dapatkan bantuan lebih cepat dan lebih mudah

Pengguna baru?