• 常用網頁設計美工軟體_illustrator
  • 認識illustrator
  • 常見影像格式
  • import_contacts 常見的影像格式
    13230
適用範圍

使用Illustrator製作網頁圖示時的入門介紹。

實用性:
重要性:

Illustrator的核心:向量圖案

正確的影像格式才能編輯啊!

Illustrator 的影像格式為向量影像,檔案模式是.ai,與一般圖片的差別就是向量圖型在Illustrator編輯時可以隨意放大縮小、修改形狀,而細節不會消失,也不會失去清晰度。但其實除了ai檔以外,Illustrator也能支援許多影像格式,讓我們來看看常使用的有那些吧!

常用的影像格式

可直接於Illustrator編修的影像格式

  • Adobe Illustrator(.ai、.ait、.eps):向量影像,所有細節皆可保留
  • Adobe PDF:電子書,可以使用Illustrator修改
  • SVG:可用於網頁的向量影像,且放大縮小都不會失真

支援其他軟體的影像格式

  • BMP:點陣影像
  • Flash(SWF):可編輯的Flash的動畫檔
  • Photoshop (psd、pdd):PhotoShop的原始檔,為點陣影像,可直接拖曳到Illustrator編輯使用
  • PNG:點陣影像,可支援透明背景
  • TIFF:點陣影像

magnifier 儲存視窗內可以看到的影像格式

magnifier 轉存視窗內可以看到的影像格式

淺談SVG

上面有提到,SVG是可直接於Illustrator編修的影像格式,比較特別的是,通常屬於向量格式的Ai檔及EPS檔都需要轉成圖片,才能在網頁上瀏覽,就會失去向量格式的『縮放不失真』的特色。

而SVG是一個可用於網頁的向量格式,完全以 XML 為基礎,可使用XML或是JS加上複雜效果,在螢幕上縮放 SVG 影像,而不會失去細部或清晰度,等同於在Illustrator上使用一般,但缺點是檔案內容會比其他的檔案格式稍大。

SVG圖案,可試著放大縮小網頁,與一般圖片有所差別

一般的圖片格式,縮放就會失真了