創建網站時，網頁設計師必須考慮到 四個要點 考慮網頁的佈局和視覺設計， 文本、圖像、顏色和字體 僱員。
在這四點中，我們將在這篇文章中給出最重要的一點是圖像，因為我們將要討論 如何創建 svg 文件 因為考慮到您使用的圖像的質量非常重要。
使用 SVG 文件進行處理， 專業人士一直在增加 而不是設計界的專業人士。
什麼是 SVG 文件？
SVG是英文Scalabe Vector Graphics的縮寫，西班牙文是Scalable Vector Graphics。 這是關於一個 開放和自由的格式 用於創建二維圖形，二維。
與 JPG 或 PNG 等其他圖像格式不同， SVG 是一種可擴展的格式，無論您想增加多少尺寸，都將保持圖像質量。 它是網頁中放置圖形或矢量圖像最常用的格式之一。
我們為什麼要使用 SVG？
使用這種格式，矢量圖像將保持高質量，無論其大小和分辨率如何。 相反，由像素組成的位圖組成的圖像在調整大小時會丟失質量。 SVG 格式由其輕便性和多功能性定義。
支持使用這種格式的另一點是它的小尺寸，也就是說，多虧了這個 提高它們所在頁面的加載速度. 這些圖像由瀏覽器構建，有助於減少服務器的負載和消耗。
此外，他們可以 創建動畫 SVG 圖像 與它給我們的網站一種親密的氣氛，並引起訪問它的觀眾的注意。
SVG 是一種開放格式，也就是說， 可能會進行改進和更新. 此外，可以使用矢量編輯程序編輯 SVG 文件，例如 Adobe Illustartor，而不會降低其顯示質量，可以在任何設備上查看。 它還允許我們在不損失質量的情況下打印它。
如何輕鬆創建 SVG 文件
如果您熟悉它們，創建 SVG 文件的最簡單方法可能是通過圖形設計程序，例如 Illustrator、Corel Draw 等。
專注於Illustrator程序，當我們要使用SVG格式時，我們必須考慮是否使用了漸變或其他效果，例如藝術效果、模糊、畫筆、像素等。 因為它們在以 SVG 文件格式保存時會被光柵化。 建議使用 SVG 濾鏡效果，添加效果，以免後期光柵化.
我們給您的另一條建議是使用 插圖中的簡單符號和路徑以獲得更好的性能 的上述格式。 避免使用帶有大量跟踪的畫筆，因為這會產生更高的數據負載。
要在此程序中創建 SVG 文件， 我們必須打開的第一件事是一個空白畫布，我們將在其中研究我們的想法。
一旦我們的工作完成，我們要做的是轉到程序上方顯示的工具欄，我們將選擇選項 文件，另存為，然後會出現一個彈出屏幕，告訴我們為文件命名 並指明我們要保存的格式。 在最後一節中，我們必須標記 SVG 選項。
選擇 SVG 類型時，會出現一個對話框，向我們顯示必須考慮的不同選項。
作為一般規則，在表中出現的第一個字段中，會出現 SVG 1.1 配置文件。 在下文中，它為我們提供了選擇來源的選項，它們為我們提供了 默認為在 SVG 中標記的文本，子集為無. 在我們的例子中，這項工作沒有字體，如果有，則必須將子集選項從無更改為所有像形圖。
以下部分非常重要，如果我們指出 嵌入選項，合成的圖像將被合併到文件中，如果我們使用大量的位圖圖像，這將導致它變重。 另一方面，如果我們標記鏈接選項，如果我們要在網站上使用它們，我們必須小心這些圖像，因為我們必須包含我們的圖像文件，而且，非常重要的是，維護它們小路。 此選項的優點是文件的重量會輕得多。
在高級選項部分，我們找到了選項 SVG 代碼，此選項將指示文件在裡面的方式，也就是我們工作背後的代碼。 如果您想添加 SVG 文件（例如添加到個人 WordPress），則此選項必不可少，您只需複制代碼並直接將其添加到 WordPress HTML 編輯器中即可。
我們給您的最後一條建議是，以 SVG 格式保存時， 請記住，如果您使用不同的畫板，則只會保留活動的畫板。
如果我們想更進一步，將 SVG 效果應用到我們的插圖中，Illustrator 為我們提供了一組效果。 為此，我們必須選擇一個對像或組。 要應用效果，我們必須選擇效果窗口、SVG 過濾器並應用它。
應用 SVG 過濾器時，設計程序會向我們顯示一個窗口，其中 出現可應用的過濾器列表。，一旦我們選擇了一個，Illustrator 就會向我們展示它的外觀，但採用的是光柵化版本。
如您所見， SVG 格式是一場革命。 由於其潛力和質量 只要它們正確使用所述格式，它就可以使我們發現的網頁在不犧牲性能的情況下更具吸引力。 SVG 已成為設計世界和 Web 開發之間的完美結合。