Adakah yang bisa membaca, mengimpor, atau mengonversi CMYK SVG?

Pertanyaan singkat: Saya memiliki file SVG dengan warna CMYK, ditentukan sesuai dengan spesifikasi SVG . Saya ingin memasukkan ini ke dalam program desain - program desain apa pun - untuk menyelesaikan desain dan menyiapkannya untuk dicetak. Namun, saya tidak dapat menemukan apa pun yang benar-benar memperhatikan warna CMYK di SVG (toh bukan Illustrator atau Inkscape).

Warnanya rumit dan tidak mudah untuk dikonversi: bayangkan ratusan warna yang dihasilkan secara dinamis, seperti warna dan campuran CMYK yang ditentukan oleh pedoman merek yang harus tepat.

Latar Belakang: Sesuatu yang menjadi lebih umum adalah merancang grafik berbasis data yang dihasilkan dari data menggunakan javascript dan SVG, kemudian, menerbitkan satu varian untuk web menggunakan javascript dan SVG, misalnya melalui D3 (atau melalui Raphael / D34Raphael untuk dukungan IE) , kemudian menggunakan kode yang sama untuk menghasilkan varian untuk dicetak, yang selesai di Illustrator (atau Inkscape) dan dikirim ke printer atau tata letak orang sebagai PDF.

Berikut adalah contoh dari blog grafis New York Times yang berbicara melalui alur kerja ini. Grafik di bawah ini dikodekan untuk web, kemudian SVG disalin dari browser ke Illustrator kemudian difinalisasi sebagai cetak grafis (bagi mereka, warnanya sederhana sehingga mereka tidak memiliki masalah, mereka hanya dapat mengkonversi dari RGB) :

SVG dapat menentukan warna CMYK (untuk coders SVG di luar sana, sintaksnya terlihat seperti ini <circle fill="#CD853F device-cmyk(0.11, 0.48, 0.83, 0.00)"/>:). Tetapi sebagian besar perangkat lunak desain mengabaikan ini. Saya pernah melihat pembicaraan di komunitas Inkscape berpikir tentang mendukung CMYK SVG, dan sesuatu yang rumit yang melibatkan Scribus ("InDesign open-source"), tetapi saya belum berhasil membuat keduanya berfungsi (saya mungkin salah paham tentang Scribus - sunting: artikel ini menunjukkan bahwa Scribus dapat mengimpor CMYK SVG jika ia mendefinisikannya sebagai profil warna ICC ... belum cukup membuat kesan tetapi lebih menjanjikan).

Jadi, saya dapat membuat kode yang menghasilkan visualisasi RGB SVG di 'mode web' dan CMYK SVG dalam 'mode cetak', menghasilkan warna yang dinamis secara tepat. Masalahnya adalah, saya tidak bisa melakukan apa pun dengan file CMYK SVG ini - Illustrator dan Inkscape hanya memperlakukannya sebagai hitam.

Apakah ada program grafis, Plugin atau metode yang dapat mengambil gambar SVG dengan bentuk CMYK dan mengubahnya ke format vektor ( ai, pdf, eps...) di mana perangkat lunak desain akan mendengarkan warna CMYK?

Berikut adalah file SVG sederhana dengan beberapa teks dengan warna yang ditentukan dalam CMYK. Cukup salin dan tempel dan simpan sebagai file .svg.

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" 
     xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="176.18px"
     height="111.59px" viewBox="0 0 176.18 111.59" enable-background="new 0 0 176.18 111.59" xml:space="preserve">
<switch>
    <g>
        <text transform="matrix(1 0 0 1 31.5986 34.522)" fill="#dddddd device-cmyk(0.00, 0.00, 0.00, 0.60)" font-family="'MyriadPro-Regular'" font-size="12">TEST FILE...</text>
        <text transform="matrix(1 0 0 1 31.5986 59.3633)" fill="#dddddd device-cmyk(0.00, 0.85, 0.65, 0.00)" font-family="'MyriadPro-Regular'" font-size="12">This should be red</text>
        <text transform="matrix(1 0 0 1 31.5986 84.2041)" fill="#dddddd device-cmyk(0.90, 0.55, 0.00, 0.00)" font-family="'MyriadPro-Regular'" font-size="12">This should be blue</text>
    </g>
</switch>
</svg>

Ini sepertinya berhasil:

• Instal alternatif indesign open source Scribus , Mac dan Windows (ada juga versi portable portable untuk Windows pada sourceforge yang tidak memerlukan instalasi). PERINGATAN: antar mukanya sangat membingungkan ... Tapi, gratis dan melakukan pekerjaan khusus ini, hanya ada satu hal sederhana yang kita perlukan untuk menggunakannya.
• Buka, buka File > Document Setupkemudian Colour Managementatur semua yang berhubungan dengan CMYK Generic CMYK profile- harus ada tiga tempat: warna, bentuk padat, dan cetak.

• Pastikan file SVG menentukan warna CMYK mereka seperti ini: fill="#ffffff icc-color(Generic-CMYK-profile, 1.00, 0.50, 0.00, 0.25)"(di mana 1,00 = 100%)

  • Jika SVG dibuat di browser, browser tidak suka mengatur data gaya seperti ini. Coba atur fillatributnya terlebih dahulu secara langsung, dan jika itu tidak berhasil, coba gunakan atribut SVG khusus seperti data-fill="#223fa3 icc-color..."kemudian cari-ganti saja dalam file teks.
  • Jangan khawatir jika semuanya terlihat hitam di peramban, itu pertanda ada isian data tetapi peramban tidak memahaminya - normal. Periksa dengan elemen pemeriksa untuk memastikan.
  • Jika SVG dihasilkan oleh Raphael, tetapkan seperti element.node.setAttribute( 'fill', '#223fa3 icc-color...' );- Raphael .attr('fill','')sepertinya tidak berlaku untuk elemen yang sebenarnya. Perbarui juga .attr('fill')jika kode perlu membacanya nanti. Sama berlaku untuk stroke. Hanya akan berfungsi dalam mode SVG, tentu saja ...
• Impor file SVG ke Scribus menggunakanFile > Import > Get vector
• Ekspor sebagai PDF (mengekspor sebagai EPS tidak berfungsi untuk saya, itu membentuk semua warna). Pastikan bahwa dalam opsi ekspor diatur ke 'CMYK' atau 'Untuk dicetak' atau bagaimanapun mereka mengutarakannya saat ini di bawah tab manajemen warna - standarnya tampaknya RGB ("Untuk web / layar").
• Buka PDF itu di Illustrator - itu harus terbuka sebagai dokumen CMYK dengan warna CMYK yang sama seperti yang ditentukan dalam SVG asli.

Hasil: Grafik CMYK di Illustrator, cocok dengan SVG, dengan warna CMYK seperti yang ditentukan dalam SVG.

Peringatan: Dukungan SVG Scribus sangat kuat. Khususnya:

• Pada dasarnya tidak ada dukungan teks SVG, dan mereka tidak lebih jauh mendukung teks SVG selain argumen tentang kesalahan siapa ini . Harapkan untuk menguraikan semua teks terlalu jauh di font yang salah dengan kerning yang mengerikan.
• Tampaknya menjadi bingung oleh gradien dan transparansi - meskipun kadang-kadang menampilkan hal-hal dengan benar, meskipun mengeluh sepanjang jalan.
• Semua yang ada di PDF akan terbungkus tumpukan kliping.
• Antarmuka Scribus sendiri benar-benar membingungkan (pada musim panas 2013) - Saya sarankan melakukan mengutak-atik minimum mutlak dalam Scribus itu sendiri.

Kadang-kadang Anda mungkin perlu mencampur elemen dari SVG asli (misalnya teks) dengan versi Scribus-borked. Jika ada yang tahu cara yang lebih baik daripada Scribus, silakan bagikan!

Jika Anda membutuhkan profil warna tertentu, Anda dapat menginstal lebih banyak profil warna di Scribus dan menentukannya di SVG Anda, tetapi saya tidak yakin dengan detailnya. Ini artikel sebelumnya terkait mungkin tempat yang baik untuk memulai.