이미지 파일을 svg 파일 변환하기

http://picsvg.com/

예를 들어 png 원본 파일을 업로드 한 다음, svg 의 이미지 칼라 변경을 svg color 에서 변경이 가능하고, detail 에는 great, strong 이 있는데 별차이는 못 느끼겠고, filter 부분은 invert#4 번이 제일 마음에 들었습니다.

download image.svg 버튼을 누르면 pc 에 다운로드되며, 아래와 같이 메모장에서 파일을 열어 svg 내용을 볼 있습니다.

<?xml version="1.0" standalone="no"?>

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"

"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">

<svg version="1.0" xmlns="http://www.w3.org/2000/svg"

width="250.000000pt" height="62.000000pt" viewBox="0 0 250.000000 62.000000"

preserveAspectRatio="xMidYMid meet">

<metadata>

Created by potrace 1.10, written by Peter Selinger 2001-2011

</metadata>

<g transform="translate(0.000000,62.000000) scale(0.050000,-0.050000)"

fill="#f02121" stroke="none">

<path d="M7 1210 c-5 -14 -7 -60 -3 -103 l6 -77 235 -6 235 -5 0 111 0 110

-231 -1 c-171 -2 -234 -9 -242 -29z"/>

<path d="M600 620 l0 -620 90 0 90 0 0 260 0 260 82 0 82 0 -7 -255 -6 -255

95 -6 94 -6 0 622 0 622 -95 -6 -95 -6 7 -255 7 -255 -82 0 -82 0 0 260 0 260

-90 0 -90 0 0 -620z"/>

<path d="M1574 1228 c-8 -8 -14 -30 -14 -50 0 -30 -18 -34 -125 -31 l-125 3 0

-90 0 -90 105 1 c118 1 132 -12 47 -44 -120 -45 -171 -240 -94 -357 112 -171

530 -147 619 35 65 133 -19 335 -139 335 -15 0 -28 7 -28 16 0 9 47 15 105 15

l105 -1 0 90 0 90 -124 -3 c-113 -3 -124 0 -130 40 -6 44 -166 76 -202 41z

m195 -439 c75 -75 18 -177 -99 -177 -118 0 -170 91 -97 171 41 46 153 49 196

6z"/>

<path d="M2173 1227 c-7 -8 -13 -183 -13 -390 l0 -377 110 0 110 0 0 151 c0

146 2 151 45 145 41 -5 46 3 51 99 6 101 4 105 -45 105 -50 0 -51 3 -51 140

l0 140 -97 0 c-53 0 -102 -6 -110 -13z"/>

<path d="M2620 706 c0 -690 8 -706 355 -706 l125 0 0 110 0 110 -130 0 -129 0

-6 505 -5 505 -105 6 -105 6 0 -536z"/>

<path d="M3220 620 l0 -622 95 6 95 6 -3 255 -3 255 78 0 78 0 0 -260 0 -260

90 0 90 0 0 620 0 620 -90 0 -90 0 0 -260 0 -260 -79 0 -79 0 4 255 4 255 -95

6 -95 6 0 -622z"/>

<path d="M4140 1218 c-234 -45 -285 -362 -75 -470 152 -79 464 -25 524 89 134

260 -90 450 -449 381z m250 -185 c41 -62 11 -147 -57 -164 -134 -34 -231 59

-166 159 47 72 177 75 223 5z"/>

<path d="M4789 1215 c-6 -15 -8 -130 -5 -256 l6 -229 100 0 100 0 0 250 0 250

-95 6 c-67 4 -99 -2 -106 -21z"/>

<path d="M0 575 c0 -521 19 -556 312 -571 l168 -9 0 114 0 114 -105 -3 c-58

-2 -116 -3 -130 -2 -19 2 -25 86 -25 352 l0 350 -110 0 -110 0 0 -345z"/>

<path d="M3980 550 c0 -42 10 -70 25 -71 14 0 196 -2 405 -5 376 -4 380 -4

386 -49 l7 -44 -407 -6 -406 -5 4 -124 c8 -238 37 -250 596 -242 l400 6 6 65

7 65 -370 0 c-399 0 -433 5 -433 62 0 35 24 37 395 43 l395 5 6 185 6 185

-511 0 -511 0 0 -70z"/>

<path d="M1328 342 c-4 -5 -8 -43 -8 -85 l0 -77 419 0 419 0 6 -85 6 -85 106

-6 106 -6 -6 176 -6 176 -517 0 c-284 0 -520 -4 -525 -8z"/>

</g>

</svg>