Sintaksis penamaan penghasil aset Citra

Terakhir diperbarui pada 29 Okt 2026

Pelajari cara menemukan aturan sintaksis penamaan lapisan lengkap untuk menghasilkan aset citra dengan parameter kualitas, format, dan ukuran kustom di Adobe Photoshop pada desktop.

Sintaksis penamaan lapisan mengontrol format output, kualitas, dimensi, dan penskalaan untuk aset yang dihasilkan secara otomatis dari lapisan dan grup lapisan PSD Anda.Dengan memahami aturan sintaksis ini, Anda dapat membuat beberapa variasi aset dari satu lapisan dengan menyandikan semua parameter langsung di nama lapisan.

Parameter kualitas khusus format

Sintaksis JPEG

Sufiks kualitas

  • .jpg1 hingga .jpg10 (skala 1–10)
  • .jpg1% hingga .jpg100% (skala persentase)

Default: kualitas 90% jika tidak ada sufiks yang ditentukan

Contoh

  • Logo.jpg5 — JPEG pada Level kualitas 5
  • Hero.jpg80% — JPEG pada kualitas 80%
  • Banner.jpg — JPEG pada kualitas default 90%

Sintaks PNG

Sufiks kedalaman bit

  • .png8 - PNG 8-bit
  • .png24 - PNG 24-bit
  • .png32 - PNG 32-bit

Default: 32-bit jika tidak ada sufiks yang ditentukan

Contoh

  • Icon.png8 - PNG 8-bit dengan 256 warna
  • Photo.png24 - PNG 24-bit tanpa transparansi
  • Button.png32 - PNG 32-bit dengan saluran alpha lengkap
  • Logo.png - PNG 32-bit (bawaan)

Sintaks GIF

Format

  • .gif - transparansi alpha dasar

Parameter kualitas: Tidak tersedia untuk format GIF

Contoh

  • Animation.gif — GIF dengan transparansi dasar

Sintaksis SVG

Format

  • .svg - format vektor

Parameter kualitas dan ukuran: Tidak berlaku

Contoh

  • Shape.svg - gambar vektor yang dapat diskalakan

Parameter ukuran dan penskalaan

Awalan ukuran muncul sebelum nama aset, dipisahkan oleh spasi. Jika menentukan dimensi dalam piksel, Anda dapat menghilangkan satuannya.

Penskalaan relatif

Sintaksis:[percentage]% [asset-name]

Contoh:

  • 200% Logo.jpg — diskalakan ke 200%
  • 50% Icon.png — diskalakan ke 50%
  • 42% Button.gif — diskalakan ke 42%

Dimensi absolut

Sintaksis:[width] x [height] [asset-name] atau [width][unit] x [height][unit] [asset-name]

Satuan yang didukung: px, in, cm, mm (piksel dapat dihilangkan)

Contoh:

  • 300 x 200 Hero.jpg - 300px × 200px
  • 100x100 Thumb.png - 100px × 100px (tanpa spasi)
  • 4in x 3in Photo.jpg - 4 inci × 3 inci
  • 10cm x 5cm Card.png - 10cm × 5cm

Unit campuran

Anda dapat menggabungkan unit yang berbeda dalam spesifikasi lebar dan tinggi.

Contoh

  • 4in x 100 Banner.jpg - lebar 4 inci, tinggi 100px
  • 200mm x 6in Poster.png - lebar 200mm, tinggi 6 inci
  • 10in x 50cm Flyer.jpg - lebar 10 inci, tinggi 50cm

Dimensi wildcard

Gunakan ? sebagai wildcard untuk menskalakan secara proporsional sambil hanya menentukan satu dimensi.

Sintaks:

  • [width]x?[nama-aset] — tentukan lebar, tinggi diskalakan secara proporsional
  • ?x[tinggi] [nama-aset] — tentukan tinggi, lebar diskalakan secara proporsional

Contoh:

  • 100x? Logo.png — lebar 100px, tinggi dihitung otomatis
  • ?x60in Banner.jpg — tinggi 60 inci, lebar dihitung otomatis

Beberapa aset dari satu lapisan

Buat beberapa variasi aset dengan memisahkan nama aset menggunakan tanda koma atau tanda plus.

Pemisah:

  • , — koma
  • , — koma diikuti oleh spasi
  • + — tanda plus
  • + — tanda plus diikuti oleh spasi

Contoh:

  • Icon.png,Icon.jpg - versi PNG dan JPEG
  • 200% Logo.jpg, 100% Logo.jpg - dua ukuran
  • Icon.png8 + Icon.png24 + Icon.jpg90% - tiga variasi format
  • 100x100 Thumb.jpg90%, 50x50 Thumb.jpg80% - dua versi dengan skala

Contoh penamaan lapisan yang kompleks

Sintaks gabungan

Sintaks lengkap dapat menggabungkan parameter format, kualitas, dan skala:

[size] [asset-name].[format][quality], [size] [asset-name].[format][quality]

Contoh: 120% Delicious.jpg, 42% Delicious.png24, 100x100 Delicious_2.jpg90%, 250% Delicious.gif

Ini menghasilkan empat aset:

  • Delicious.jpg - JPEG dengan kualitas default, skala 120%
  • Delicious.png - PNG 24-bit dengan skala 42%
  • Delicious_2.jpg - JPEG dengan kualitas 90% pada ukuran absolut 100×100px
  • Delicious.gif - GIF dengan skala 250%

Pengaturan subfolder

Sertakan jalur subfolder sebelum nama aset untuk mengatur output:

Sintaks:[subfolder]/[asset-name].[format]

Contoh:

  • icons/Logo.png - disimpan di subfolder icons
  • @2x/Hero.jpg - disimpan di subfolder @2x
  • thumbnails/50% Photo.png - diskalakan 50% di subfolder thumbnails

Validasi skala absolut

Sintaks skala absolut yang valid

Sintaks

Deskripsi

100x80 foo.png

Dimensi absolut sederhana

80 x 100px foo.png

Spasi antara dimensi

4in x100 foo.png

Satuan campuran dan tanpa satuan

90mm x120cm foo.png

Satuan berbeda

100x? foo.png

Tinggi wildcard

?x60in foo.png

Wildcard Lebar

Sintaks penskalaan absolut tidak valid

Sintaks

Masalah

100x100foo.png

Spasi hilang sebelum nama file

80x100 60% foo.png

Tidak dapat menggabungkan penskalaan absolut dan relatif

50% 80x100 foo.png

Tidak dapat mencampur penskalaan relatif dan absolut

20in cm x50cm foo.png

Beberapa satuan pada satu dimensi

30nm x20 nano.png

Satuan tidak valid (nm tidak didukung)

Batasan nama lapisan

Karakter yang tidak didukung:: (titik dua) dan * (tanda bintang) tidak dapat digunakan dalam nama lapisan untuk pembuatan aset.

String yang diabaikan: String apa pun tanpa ekstensi file akan diabaikan dalam nama lapisan multi-aset.Misalnya, pada 100% Delicious, 42% Layer 1.png, string 100% Delicious diabaikan karena tidak memiliki ekstensi file.

Catatan

Pastikan untuk menyertakan spasi antara awalan ukuran dan nama aset. Tanpa spasi ini, penghasil mungkin tidak dapat mengurai sintaksis dengan benar.