Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

Из JPG, PNG ΠΈ GIF Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ SVG: ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΡƒΠ΅ΠΌ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΎΠ½Π»Π°ΠΉΠ½

ΠŸΡ€ΠΈΠ²Ρ‹Ρ‡Π½Ρ‹Π΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹Β JPG, PNG ΠΈ GIF Ρ‡Ρ€Π΅Π·Π²Ρ‹Ρ‡Π°ΠΉΠ½ΠΎ популярны, ΠΎΠ΄Π½Π°ΠΊΠΎ Π² силу своих особСнностСй Π½Π΅ ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹, Π° Π² рядС случаСв просто Π½Π΅ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΠΌΡ‹. И ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ для Ρ‚Π°ΠΊΠΈΡ… случаСв ΠΏΡ€ΠΈΠ΄ΡƒΠΌΠ°Π½ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ SVG.

Π‘ΠΊΠ°ΠΆΠ΅ΠΌ, Π½Π° Ρ‚Π°ΠΊ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹Ρ… Β«Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ…Β» сайтах катСгоричСски Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ изобраТСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ Ρ…ΠΎΡ€ΠΎΡˆΠΎ выглядят Π½Π° экранах любой Π΄ΠΈΠ°Π³ΠΎΠ½Π°Π»ΠΈ (Ρ‡ΠΈΡ‚Π°ΠΉ, нСзависимо ΠΎΡ‚ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΈΠ»ΠΈ высоты).

А упомянутыС JPG, PNG ΠΈ GIF Π² ΠΏΡ€ΠΈΠ½ΡƒΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ растянутом/ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½Π½ΠΎΠΌ Π²ΠΈΠ΄Π΅ выглядят ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎ-Ρ€Π°Π·Π½ΠΎΠΌΡƒ ΠΈ Π·Π°Ρ‡Π°ΡΡ‚ΡƒΡŽ ΠΏΠ»ΠΎΡ…ΠΎ.

ΠŸΡ€ΠΈΡ‚ΠΎΠΌ Π½Π΅Ρ€Π΅Π΄ΠΊΠΎ Π½Π° сайтС (Π² Ρ‚ΠΎΠΌ числС ΠΈ Π½Π° нашСм) ΠΎΠ΄Π½Π° ΠΈ Ρ‚Π° ΠΆΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΊΠ°ΠΊ Π² качСствС ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Ρ‹ поста, Ρ‚Π°ΠΊ ΠΈ Π² качСствС ΠΏΠΎΠ»Π½ΠΎΡ„ΠΎΡ€ΠΌΠ°Ρ‚Π½ΠΎΠΉ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ Π² этом ΠΆΠ΅ самом ΠΈ/ΠΈΠ»ΠΈ Π² Π΄Ρ€ΡƒΠ³ΠΎΠΌ постС.

Как ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, ΠΈΠ· ΠΎΠ΄Π½ΠΎΠΉ Ρ‚Π°ΠΊΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ сайт автоматичСски создаСт сразу нСсколько ΠΊΠΎΠΏΠΈΠΉ Ρ€Π°Π·Π½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΏΠΎΡ‚ΠΎΠΌ выбираСтся Ρ‚Π°, которая Π»ΡƒΡ‡ΡˆΠ΅ Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для экрана ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΉ Π΄ΠΈΠ°Π³ΠΎΠ½Π°Π»ΠΈ (это Ссли Π² ΠΎΠ±Ρ‰ΠΈΡ… Ρ‡Π΅Ρ€Ρ‚Π°Ρ…).

Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Π² Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ΅ сайта постоянно Π΄ΠΎΠ»ΠΆΠ½ΠΎ Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒΡΡ сразу нСсколько вСрсий ΠΎΠ΄Π½ΠΎΠ³ΠΎ изобраТСния, Ρ‡Ρ‚ΠΎ Π² наши Π΄Π½ΠΈ ΡƒΠΆΠ΅ Π½Π΅ считаСтся Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΌ.

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² SVG β€” Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ΅

Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π»Π΅Π³ΠΊΠΎ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ (ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Ρ‚ΡŒΡΡ/ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Ρ‚ΡŒΡΡ) Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΠΈ качСства. Π’ΠΎ Π΅ΡΡ‚ΡŒ, Ссли Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒΡΡ ΠΊ Π½Π°ΡˆΠ΅ΠΌΡƒ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ с сайтом, Ρ‚ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ SVG позволяСт ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Π½Π° сСрвСрС всСго ΠΎΠ΄Π½Ρƒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ, которая Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… страницах сайта ΠΈ Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… экранах Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ качСствСнно (Π² ΠΈΠ΄Π΅Π°Π»Π΅).

Π•Ρ‰Π΅ ΠΎΠ΄Π½ΠΎ прСимущСство Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ Scalable Vector Graphics (SVG) состоит Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Ρ„Π°ΠΉΠ»Ρ‹ Π² этом Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ «вСсят» ΡΡ€Π°Π²Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ. Π­Ρ‚ΠΎ Π΄Π°Π΅Ρ‚ Π²Π΅Π±-мастСрам Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ свободу дСйствий, ΠΊΠΎΠ³Π΄Π° Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π² Ρ‚Π°ΠΊΠΈΡ… Ρ„Π°ΠΉΠ»Π°Ρ….

Π‘ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΠ³ΠΎ, Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ измСнСния ΠΌΠΎΠΆΠ½ΠΎ Π²Π½ΠΎΡΠΈΡ‚ΡŒ нСпосрСдствСнно Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ CSS, Ρ‡Ρ‚ΠΎ ΠΎΡ‡Π΅Π½ΡŒ ΡƒΠ΄ΠΎΠ±Π½ΠΎ.

Π’ качСствС ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° использования SVG ΠΌΠΎΠΆΠ½ΠΎ привСсти Π²ΠΎΡ‚ эту Ρ€Π°Π±ΠΎΡ‚Ρƒ извСстного Π±Π»ΠΎΠ³Π΅Ρ€Π°Β Terence Eden, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π² Ρ€Π°ΠΌΠΊΠ°Ρ… экспСримСнта добросовСстно ΠΏΠ΅Ρ€Π΅Π²Π΅Π» Π² этот Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΡ‹ ΠΊΡ€ΡƒΠΏΠ½Π΅ΠΉΡˆΠΈΡ… Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ.

Как Π²ΠΈΠ΄ΠΈΠΌ, «вСс» ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π»ΠΎΠ³ΠΎ составляСт ΠΌΠ΅Π½Π΅Π΅ 1 ΠΊΠΈΠ»ΠΎΠ±Π°ΠΉΡ‚Π°,Β Π° Ρƒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… β€” Ρ‚Π°ΠΊ ΠΈ ΠΌΠ΅Π½Π΅Π΅ ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½Ρ‹ ΠΊΠΈΠ»ΠΎΠ±Π°ΠΉΡ‚Π°. Π’Π°ΠΊ, стандартный Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ Twitter Π² PNG вСсит 20 ΠΊΠΈΠ»ΠΎΠ±Π°ΠΉΡ‚, Π° Π² SVG β€” всСго 397 Π±Π°ΠΉΡ‚.

ИмСнно поэтому, Π² SVG Π½Π° сайтах ΠΎΡ‡Π΅Π½ΡŒ часто ΡΠΎΡ…Ρ€Π°Π½ΡΡŽΡ‚ΡΡ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΡ‹, ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ. А Π²ΠΎΡ‚ для Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ ΠΈ рисунков, Π² особСнности Ρ‚Π΅Ρ…, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½Ρ‹ сразу нСсколько ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ², SVG ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ Ρ…ΡƒΠΆΠ΅ (ΠΈΠ»ΠΈ Π½Π΅ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ вовсС).

Π’Π΅ΠΏΠ΅Ρ€ΡŒ, собствСнно, ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ пСрСвСсти JPG, PNG ΠΈΠ»ΠΈ GIF Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Β SVG

Π‘Ρ€Π°Π·Ρƒ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΠΌ, Ρ‡Ρ‚ΠΎ Π΄Π°Π»Π΅Π΅ Ρ€Π΅Ρ‡ΡŒ ΠΏΠΎΠΉΠ΄Π΅Ρ‚ ΠΎΠ± ΠΎΠ½Π»Π°ΠΉΠ½-сСрвисах, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅Β ΠΎΡ‡Π΅Π½ΡŒ ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π°Ρ†ΠΈΠΈ Ρ„Π°ΠΉΠ»ΠΎΠ² Π²Β ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΈΠ²Π½ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅. Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹Ρ… инструмСнтах для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ (Adobe Illustrator, Inkscape, LibreOffice Draw ΠΈ ΠΏΡ€.) Π²Ρ‹ Π±Π΅Π· Ρ‚Ρ€ΡƒΠ΄Π° Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ Π² Π‘Π΅Ρ‚ΠΈ.

Онлайн-ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π΅Ρ€ΠΎΠ² Π½Ρ‹Π½Ρ‡Π΅ Ρ‚ΠΎΠΆΠ΅ Ρ…Π²Π°Ρ‚Π°Π΅Ρ‚. Но, ΠΊΠ°ΠΊ оказалось, ΠΊΠΎΠ³Π΄Π° Π΄Π΅Π»ΠΎ касаСтся качСства прСобразования, Ρ‚ΠΎ ΠΈΡ… ассортимСнт Ρ€Π΅Π·ΠΊΠΎ сокращаСтся. И Ρ‡Ρ‚ΠΎ самоС нСприятноС, это выясняСтся Π½Π΅ сразу ΠΈ сугубо ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠΌ ΠΏΡ€ΠΎΠ± ΠΈ ошибок.

Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, Π½Π°ΠΌΠ΅Π΄Π½ΠΈ ΠΎΠ·Π°Π΄Π°Ρ‡ΠΈΠ²ΡˆΠΈΡΡŒ вопросом поиска ΠΎΠ½Π»Π°ΠΉΠ½-сСрвиса для ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π°Ρ†ΠΈΠΈ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° ΠΈΠ· PNG Π² SVG ΠΈ послС Ρ†Π΅Π»Π΅Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½Π½ΠΎΠ³ΠΎ тСстирования ΠΏΠΎΡ‡Ρ‚ΠΈ Ρ‚Ρ€Π΅Ρ… дСсятков Π½Π°Π³ΡƒΠ³Π»Π΅Π½Π½Ρ‹Ρ… ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π΅Ρ€ΠΎΠ², для сСбя ΠΌΡ‹ составили нСбольшой список Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ подходящий (Π½Π° наш взгляд) рСсурсов:

  • Aconvert β€” ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Π΅Ρ‚ ΠΊΠ°ΠΊ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ Ρ„Π°ΠΉΠ»Ρ‹ с ΠΊΠΎΠΌΠΏΠ°, Ρ‚Π°ΠΊ ΠΈΒ URL-Ρ‹ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ. Доступна опция измСнСния Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. По Ρ„Π°ΠΊΡ‚Ρƒ ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π°Ρ†ΠΈΠΈ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ Π² SVG получился Π² достаточной стСпСни качСствСнным, Π½ΠΎ «вСсит» Π²Π΄Π²ΠΎΠ΅ большС, Ρ‡Π΅ΠΌ исходник Π² PNG.
  • Vector Magic β€” сСрвис ΠΏΠ»Π°Ρ‚Π½Ρ‹ΠΉ. ΠŸΡ€Π΅Π΄ΡƒΡΠΌΠΎΡ‚Ρ€Π΅Π½Π° ΠΎΠ½Π»Π°ΠΉΠ½-вСрсия ($7.95 Π² мСсяц трСбуСтся рСгистрация) ΠΈ Windows-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ (Π½Π° Ρ‚ΠΎΠΌ ΠΆΠ΅ сайтС прСдлагаСтся Π·Π° $295). ΠŸΡ€Π΅Π΄ΡƒΡΠΌΠΎΡ‚Ρ€Π΅Π½Ρ‹ автоматичСский ΠΈ Ρ€ΡƒΡ‡Π½ΠΎΠΉ Ρ€Π΅ΠΆΠΈΠΌΡ‹. ЭкспСримСнту Ρ€Π°Π΄ΠΈ воспользовались ΠΎΠ½Π»Π°ΠΉΠ½ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠΌ Vector Magic. И Π½Π°Π΄ΠΎ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ приятно ΡƒΠ΄ΠΈΠ²ΠΈΠ» своим Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΠΎΠΌ ΠΈ качСством ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠ³ΠΎ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π° (ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ»Π°ΡΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΡΡ€Π°Π²Π½ΠΈΠ²Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² SVG ΠΈ исходник ΠΈ Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ качСство ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠ³ΠΎ SVG Ρ„Π°ΠΉΠ»Π°).

  • Vectorizer β€” сСрвис бСсплатный ΠΈ особо интСрСсСн Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ Π² Π½Π΅ΠΌ ΠΊΡ€ΠΎΠΌΠ΅ всСго ΠΏΡ€ΠΎΡ‡Π΅Π³ΠΎ имССтся Ρ‚Π°ΠΊΠΆΠ΅ функция автоматичСского Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° ΠΈ Wizard, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π°Ρ†ΠΈΠΈ. И послС настройки Vectorizer Π½Π°Ρ‡Π°Π»Π° Π²Ρ‹Π΄Π°Π²Π°Ρ‚ΡŒ SVG-Ρ„Π°ΠΉΠ»Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±Ρ‹Π»ΠΈ Π² срСднСм Π½Π° Ρ‚Ρ€Π΅Ρ‚ΡŒ Π»Π΅Π³Ρ‡Π΅, Ρ‡Π΅ΠΌ исходники Π² PNG ΠΏΡ€ΠΈ Ρ€Π°Π²Π½ΠΎΠΌ качСствС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

Как ΡƒΠ·Π½Π°Ρ‚ΡŒ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅?

ΠŸΡ€ΠΎΡ‡Π΅Π΅ β€Ί Π§Π΅ΠΌ отличаСтся β€Ί Π§Π΅ΠΌ ΠΎΡ‚Π»ΠΈΡ‡Π°ΡŽΡ‚ΡΡ растровая ΠΈ вСкторная Π³Ρ€Π°Ρ„ΠΈΠΊΠ°?

Π’Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ изобраТСния состоят ΠΈΠ· ΠΎΡ‚Ρ€Π΅Π·ΠΊΠΎΠ² прямых Π»ΠΈΠ½ΠΈΠΉ, Ρ„ΠΈΠ³ΡƒΡ€ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² изобраТСния, сохранСнных Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅, содСрТащСм гСомСтричСскиС Ρ„ΠΎΡ€ΠΌΡƒΠ»Ρ‹ для Ρ€Π΅Π½Π΄Π΅Ρ€ΠΈΠ½Π³Π° этих ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ².

  1. Как ΡƒΠ·Π½Π°Ρ‚ΡŒ Ρ‡Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ΅?
  2. Как ΠΏΠΎΠ½ΡΡ‚ΡŒ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ растровоС?
  3. КакиС изобраТСния ΡΠ²Π»ΡΡŽΡ‚ΡΡ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΌΠΈ?
  4. Как ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅?
  5. Π§Ρ‚ΠΎ относится ΠΊ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ?
  6. Π’ ΠΊΠ°ΠΊΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ изобраТСния?
  7. Как выглядит растровоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅?
  8. Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ простыми словами?
  9. Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ изобраТСния?
  10. Π§Π΅ΠΌ отличаСтся ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡ ΠΎΡ‚ Π²Π΅ΠΊΡ‚ΠΎΡ€Π°?
  11. Как ΠΏΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠΌΡƒ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΡƒΡŽ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ?
  12. Π’ Ρ‡Π΅ΠΌ состоят особСнности Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ?
  13. МоТно Π»ΠΈ пСрСвСсти Ρ„ΠΎΡ‚ΠΎ Π² Π²Π΅ΠΊΡ‚ΠΎΡ€?
  14. Как Π’Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ?
  15. Как ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ пСрСвСсти Π² Π²Π΅ΠΊΡ‚ΠΎΡ€?
  16. Π§Ρ‚ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ растр ΠΈΠ»ΠΈ Π²Π΅ΠΊΡ‚ΠΎΡ€?
  17. Π§Ρ‚ΠΎ являСтся основными ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌΠΈ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ³ΠΎ изобраТСния?
  18. Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ Π² Π²Π΅ΠΊΡ‚ΠΎΡ€Π΅?
  19. Как выглядит вСкторная Π³Ρ€Π°Ρ„ΠΈΠΊΠ°?

Как ΡƒΠ·Π½Π°Ρ‚ΡŒ Ρ‡Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ΅?

Π’ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ растровых, Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ изобраТСния состоят ΡƒΠΆΠ΅ Π½Π΅ ΠΈΠ· пиксСлСй, Π° ΠΈΠ· мноТСства ΠΎΠΏΠΎΡ€Π½Ρ‹Ρ… Ρ‚ΠΎΡ‡Π΅ΠΊ ΠΈ ΡΠΎΠ΅Π΄ΠΈΠ½ΡΡŽΡ‰ΠΈΡ… ΠΈΡ… ΠΊΡ€ΠΈΠ²Ρ‹Ρ…. Π’Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ описываСтся матСматичСскими Ρ„ΠΎΡ€ΠΌΡƒΠ»Π°ΠΌΠΈ ΠΈ, соотвСтствСнно, Π½Π΅ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ наличия ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎ ΠΊΠ°ΠΆΠ΄ΠΎΠΌ пиксСлС.

Как ΠΏΠΎΠ½ΡΡ‚ΡŒ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ растровоС?

Π’ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ Ρ„ΠΎΡ€ΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ двумя способами: ΠΈΠ· ΠΌΠ°Π»Π΅Π½ΡŒΠΊΠΈΡ… Ρ‚ΠΎΡ‡Π΅ΠΊ (пиксСлСй) β€” это растровая Π³Ρ€Π°Ρ„ΠΈΠΊΠ°; с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΡ€ΠΈΠ²Ρ‹Ρ… Π»ΠΈΠ½ΠΈΠΉ, Π·Π°Π΄Π°Π½Π½Ρ‹Ρ… матСматичСской Ρ„ΠΎΡ€ΠΌΡƒΠ»ΠΎΠΉ, β€” это вСкторная Π³Ρ€Π°Ρ„ΠΈΠΊΠ°.

КакиС изобраТСния ΡΠ²Π»ΡΡŽΡ‚ΡΡ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΌΠΈ?

Π’Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ это изобраТСния, состоящиС ΠΈΠ· мноТСства ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ…, ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅ΠΌΡ‹Ρ… ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² (Π»ΠΈΠ½ΠΈΠΉ ΠΈ ΠΊΡ€ΠΈΠ²Ρ‹Ρ…), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Ρ‹ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ матСматичСских ΡƒΡ€Π°Π²Π½Π΅Π½ΠΈΠΉ.

Как ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅?

ΠŸΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Π²Π΅ΠΊΡ‚ΠΎΡ€: бСсплатныС инструмСнты для создания Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ:

  • «Рисунки GoogleΒ» β€” самый простой Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ всСгда ΠΏΠΎΠ΄ Ρ€ΡƒΠΊΠΎΠΉ
  • Autotracer β€” бСсплатный ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π΅Ρ€ растровых ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Π² Π²Π΅ΠΊΡ‚ΠΎΡ€
  • Vector Paint β€” Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π² Chrome, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΈ Π±Π΅Π· Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°

Π§Ρ‚ΠΎ относится ΠΊ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ?

ВС́кторная гра́фика β€” способ прСдставлСния графичСских ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ (Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ описания) Π² ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠ΅, основанный Π½Π° матСматичСском описании элСмСнтарных гСомСтричСских ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ², ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹Ρ… ΠΏΡ€ΠΈΠΌΠΈΡ‚ΠΈΠ²Π°ΠΌΠΈ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ: Ρ‚ΠΎΡ‡ΠΊΠΈ, Π»ΠΈΠ½ΠΈΠΈ, сплайны, ΠΊΡ€ΠΈΠ²Ρ‹Π΅ Π‘Π΅Π·ΡŒΠ΅, ΠΊΡ€ΡƒΠ³ΠΈ, окруТности, эллипсы, ΠΌΠ½ΠΎΠ³ΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΈ.

Π’ ΠΊΠ°ΠΊΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ изобраТСния?

Π€ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ Ρ„Π°ΠΉΠ»ΠΎΠ² Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ: SVG, PDF, EPS, AI, CDR.

Как выглядит растровоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅?

РастровоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ (Π»Π°Ρ‚. rastrum β€” скрСбок, Π³Ρ€Π°Π±Π»ΠΈ) β€” ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‰Π΅Π΅ собой сСтку (ΠΌΠΎΠ·Π°ΠΈΠΊΡƒ) пиксСлСй β€” Ρ†Π²Π΅Ρ‚Π½Ρ‹Ρ… Ρ‚ΠΎΡ‡Π΅ΠΊ (ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Ρ‹Ρ…) Π½Π° ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€Π΅, ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‰ΠΈΡ… устройствах.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ простыми словами?

ВСкторная Π³Ρ€Π°Ρ„ΠΈΠΊΠ° β€” это изобраТСния, сформированныС мноТСством Ρ‚ΠΎΡ‡Π΅ΠΊ, ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½Π΅Π½Π½Ρ‹Ρ… матСматичСскими ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡΠΌΠΈ. ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ β€” это визуализация матСматичСской Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ. Π’Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠΌΠ΅Π΅Ρ‚ прСимущСство ΠΏΠ΅Ρ€Π΅Π΄ растровым ΠΏΠΎ качСству: ΠΏΡ€ΠΈ любом ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠΈ ΠΎΠ½ΠΎ сохраняСт ΠΈΠ΄Π΅Π°Π»ΡŒΠ½ΡƒΡŽ Ρ‡Π΅Ρ‚ΠΊΠΎΡΡ‚ΡŒ.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ изобраТСния?

Π’Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ изобраТСния β€” это ΠΈΠ½Π½ΠΎΠ²Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ популярный способ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ Π±Π΅Π· искаТСний. Π“Π»Π°Π²Π½Ρ‹ΠΌΠΈ ΠΏΡ€ΠΈΠΌΠΈΡ‚ΠΈΠ²Π½Ρ‹ΠΌΠΈ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌΠΈ Ρ‚Π°ΠΊΠΎΠ³ΠΎ Π²ΠΈΠ΄Π° Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° ΡΡ‡ΠΈΡ‚Π°ΡŽΡ‚ гСомСтричСскиС ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ состоят ΠΈΠ· Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Π»ΠΈΠ½ΠΈΠΉ, Ρ„ΠΈΠ³ΡƒΡ€ΠΎΠΊ, окруТностСй, Π° Ρ‚Π°ΠΊΠΆΠ΅ Ρ‚ΠΎΡ‡Π΅ΠΊ.

Π§Π΅ΠΌ отличаСтся ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡ ΠΎΡ‚ Π²Π΅ΠΊΡ‚ΠΎΡ€Π°?

Π’Π΅ΠΊΡ‚ΠΎΡ€ β€” это матСматичСский ΠΎΠ±ΡŠΠ΅ΠΊΡ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΊΠ°ΠΊ Π²Π΅Π»ΠΈΡ‡ΠΈΠ½Ρƒ, Ρ‚Π°ΠΊ ΠΈ Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅. Π˜Π»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡ, с Π΄Ρ€ΡƒΠ³ΠΎΠΉ стороны, это Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ΅ прСдставлСниС Ρ‡Π΅Π³ΠΎ-Π»ΠΈΠ±ΠΎ.

Как ΠΏΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠΌΡƒ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΡƒΡŽ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ?

Π’Π΅ΠΊΡ‚ΠΎΡ€Π½ΡƒΡŽ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ часто Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π½ΠΎ-ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠΉ ΠΈΠ»ΠΈ Ρ‡Π΅Ρ€Ρ‚Π΅ΠΆΠ½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ. Π˜ΠΌΠ΅Π΅Ρ‚ΡΡ ряд ΠΏΡ€ΠΎΡΡ‚Π΅ΠΉΡˆΠΈΡ… ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ², ΠΈΠ»ΠΈ ΠΏΡ€ΠΈΠΌΠΈΡ‚ΠΈΠ²ΠΎΠ², Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€: эллипс, ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ, линия. Π­Ρ‚ΠΈ ΠΏΡ€ΠΈΠΌΠΈΡ‚ΠΈΠ²Ρ‹ ΠΈ ΠΈΡ… ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для создания Π±ΠΎΠ»Π΅Π΅ слоТных ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

Π’ Ρ‡Π΅ΠΌ состоят особСнности Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ?

Π’ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠ΅ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Ρ€Π΅ΡˆΠ΅Ρ‚ΠΊΠ°, наполняСмая пиксСлями. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° основана Π½Π° матСматичСском описании ΠΏΡ€ΠΈΠΌΠΈΡ‚ΠΈΠ²ΠΎΠ² β€” элСмСнтарных гСомСтричСских ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ²: Π»ΠΈΠ½ΠΈΠΉ, Ρ‚ΠΎΡ‡Π΅ΠΊ, окруТностСй, ΠΌΠ½ΠΎΠ³ΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠ² ΠΈ ΠΊΡ€ΠΈΠ²Ρ‹Ρ…. Π’ΠΎ Π΅ΡΡ‚ΡŒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ воспроизводятся с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ матСматичСских Ρ„ΠΎΡ€ΠΌΡƒΠ».

МоТно Π»ΠΈ пСрСвСсти Ρ„ΠΎΡ‚ΠΎ Π² Π²Π΅ΠΊΡ‚ΠΎΡ€?

ΠŸΠ΅Ρ€Π΅Π²ΠΎΠ΄ изобраТСния ΠΈΠ»ΠΈ Ρ„ΠΎΡ‚ΠΎ Π² Π²Π΅ΠΊΡ‚ΠΎΡ€ называСтся трассировкой. Π§Ρ‚ΠΎΠ±Ρ‹ пСрСвСсти растровоС любоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ΅ ΠΎΠ½Π»Π°ΠΉΠ½, трСбуСтся ΠΏΡ€ΠΎΠ΄Π΅Π»Π°Ρ‚ΡŒ ряд дСйствий Π½Π° сайтС ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π΅Ρ€Π° рисунка Π² растрС Π² Π²Π΅ΠΊΡ‚ΠΎΡ€. Π‘Π½Π°Ρ‡Π°Π»Π° Π½ΡƒΠΆΠ½ΠΎ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ пСрСвСсти трСбуСтся Π² Π²Π΅ΠΊΡ‚ΠΎΡ€ ΠΎΠ½Π»Π°ΠΉΠ½.

Как Π’Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ?

ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ Illustrator ΠΈ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ Π΅Π³ΠΎ. ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ ΠΊ ΠΎΠΏΡ†ΠΈΠΈ Β«Live TraceΒ» Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ управлСния. НаТмитС Π·Π½Π°Ρ‡ΠΎΠΊ мСню Β«Tracing Presets and OptionsΒ» рядом с Π½Π΅ΠΉ. ΠžΠ·Π½Π°ΠΊΠΎΠΌΡŒΡ‚Π΅ΡΡŒ с доступными ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°ΠΌΠΈ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ настройки ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ подходящий Π²Π°ΠΌ для Π²Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠ·Π°Ρ†ΠΈΠΈ изобраТСния.

Как ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ пСрСвСсти Π² Π²Π΅ΠΊΡ‚ΠΎΡ€?

Как ΡΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ JPG Π² SVG:

  • Π¨Π°Π³ 1. Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ jpg-Ρ„Π°ΠΉΠ»(Ρ‹)
  • Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Β«Π² svgΒ» Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ svg ΠΈΠ»ΠΈ любой Π΄Ρ€ΡƒΠ³ΠΎΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Π°ΠΌ Π½ΡƒΠΆΠ΅Π½ (Π±ΠΎΠ»Π΅Π΅ 200 ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΡ‹Ρ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ²)
  • Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ ваш svg-Ρ„Π°ΠΉΠ» ΠŸΠΎΠ·Π²ΠΎΠ»ΡŒΡ‚Π΅ Ρ„Π°ΠΉΠ»Ρƒ ΡΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΈ Π²Ρ‹ сразу смоТСтС ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ваш svg-Ρ„Π°ΠΉΠ»

Π§Ρ‚ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ растр ΠΈΠ»ΠΈ Π²Π΅ΠΊΡ‚ΠΎΡ€?

Растровая Π³Ρ€Π°Ρ„ΠΈΠΊΠ° ΠΏΠΎΠ΄Π°Ρ€ΠΈΡ‚ качСствСнноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π·Π° счёт мноТСства ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠΎΠ² β€” ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, Ссли Π½Π΅ ΠΏΠΎΠΆΠ°Π»Π΅Π΅Ρ‚Π΅ пиксСлСй. НСзамСнима ΠΏΡ€ΠΈ ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ, слоТных ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π³Π΄Π΅ Π²Π°ΠΆΠ΅Π½ Ρ†Π²Π΅Ρ‚ ΠΈ ΠΆΠΈΠ²ΠΎΡΡ‚ΡŒ. ВСкторная Π³Ρ€Π°Ρ„ΠΈΠΊΠ° ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π² создании схСм ΠΈ Ρ‡Π΅Ρ€Ρ‚Π΅ΠΆΠ΅ΠΉ Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΠΈ Π² качСствС изобраТСния ΠΏΡ€ΠΈ любом ΠΌΠ°ΡΡˆΡ‚Π°Π±Π΅.

Π§Ρ‚ΠΎ являСтся основными ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌΠΈ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ³ΠΎ изобраТСния?

ΠžΡΠ½ΠΎΠ²Π½Ρ‹ΠΌ логичСским элСмСнтом Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ являСтся гСомСтричСский ΠΎΠ±ΡŠΠ΅ΠΊΡ‚. Π’ качСствС ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ простыС гСомСтричСскиС Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ (Ρ‚Π°ΠΊ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹Π΅ ΠΏΡ€ΠΈΠΌΠΈΡ‚ΠΈΠ²Ρ‹ — ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ, ΠΎΠΊΡ€ΡƒΠΆΠ½ΠΎΡΡ‚ΡŒ, эллипс, линия), составныС Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ ΠΈΠ»ΠΈ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹, построСнныС ΠΈΠ· ΠΏΡ€ΠΈΠΌΠΈΡ‚ΠΈΠ²ΠΎΠ², Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ Π·Π°Π»ΠΈΠ²ΠΊΠΈ, Π² Ρ‚ΠΎΠΌ числС Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Ρ‹.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ Π² Π²Π΅ΠΊΡ‚ΠΎΡ€Π΅?

Π’Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΡ‹ β€” это Π³ΠΈΠ±ΠΊΠΈΠ΅ Ρ„Π°ΠΉΠ»Ρ‹, состоящиС ΠΈΠ· Ρ‚ΠΎΡ‡Π΅ΠΊ, Π»ΠΈΠ½ΠΈΠΉ, ΠΊΡ€ΠΈΠ²Ρ‹Ρ… ΠΈ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ„ΠΈΠ³ΡƒΡ€. Они Π½Π΅ Ρ‚Π΅Ρ€ΡΡŽΡ‚ своСго качСства Π² процСссС Ρ€Π°Π±ΠΎΡ‚Ρ‹, поэтому ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ с Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒΡŽ ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Π½Π΅ испортив ΠΈΡ…. ΠŸΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»Ρ‹ всСгда ΡΠΎΡ…Ρ€Π°Π½ΡΡŽΡ‚ Π΄ΠΈΠ·Π°ΠΉΠ½ Π² Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Ρ‚Π°ΠΊ Π»Π΅Π³Ρ‡Π΅ Π½Π°Π΄ Π½ΠΈΠΌ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π² дальнСйшСм.

Как выглядит вСкторная Π³Ρ€Π°Ρ„ΠΈΠΊΠ°?

Π’Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ изобраТСния состоят ΠΈΠ· ΠΎΡ‚Ρ€Π΅Π·ΠΊΠΎΠ² прямых Π»ΠΈΠ½ΠΈΠΉ, Ρ„ΠΈΠ³ΡƒΡ€ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² изобраТСния, сохранСнных Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅, содСрТащСм гСомСтричСскиС Ρ„ΠΎΡ€ΠΌΡƒΠ»Ρ‹ для Ρ€Π΅Π½Π΄Π΅Ρ€ΠΈΠ½Π³Π° этих ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ².

Π›ΡƒΡ‡ΡˆΠΈΠ΅ бСсплатныС ΠΎΠ½Π»Π°ΠΉΠ½-инструмСнты Π²Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠ·Π°Ρ‚ΠΎΡ€Π°

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Π²Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠ·Π°Ρ‚ΠΎΡ€Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ сСкрСт ΠΊΠΎΠΌΠ°Π½Π΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡΠΎΠ·Π΄Π°ΡŽΡ‚ Π»ΠΈΠ½ΠΈΠΈ ΠΈ Ρ„ΠΎΡ€ΠΌΡ‹ Π² 2D ΠΈΠ»ΠΈ 3D пространствах. Как ΠΈ Π² ΠΈΠ³Ρ€Π΅ Β«Π‘ΠΎΠ΅Π΄ΠΈΠ½ΠΈ Ρ‚ΠΎΡ‡ΠΊΠΈΒ», Ρ„Π°ΠΉΠ» Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ прСдставляСт собой ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ соСдинСнных Ρ‚ΠΎΡ‡Π΅ΠΊ. ΠŸΡ€ΠΈΡ‡ΠΈΠ½Π°, ΠΏΠΎ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π²Π°ΠΌ Π½ΡƒΠΆΠ½Π° вСкторная Π³Ρ€Π°Ρ„ΠΈΠΊΠ° (Ρ„Π°ΠΉΠ»Ρ‹ SVG, EPS ΠΈ PDF), Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹ Π΄Π°ΡŽΡ‚ Π±ΠΎΠ»Π΅Π΅ ΠΏΠ»Π°Π²Π½Ρ‹Π΅ Ρ„ΠΎΡ€ΠΌΡ‹, Ρ‡Π΅ΠΌ растровая Π³Ρ€Π°Ρ„ΠΈΠΊΠ°. Для сравнСния, растровая Π³Ρ€Π°Ρ„ΠΈΠΊΠ° состоит ΠΈΠ· ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΎΠΊΡ€Π°ΡˆΠ΅Π½Π½Ρ‹Ρ… пиксСлСй (Ρ„Π°ΠΉΠ»Ρ‹ JPEG ΠΈ PNG), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄Π°ΡŽΡ‚ Ρ‚ΠΎΠ½ΠΊΠΈΠ΅ Π³Ρ€Π°Π΄Π°Ρ†ΠΈΠΈ Ρ†Π²Π΅Ρ‚Π°. ΠŸΡ€ΠΈ ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠΈ эта растровая Π³Ρ€Π°Ρ„ΠΈΠΊΠ° оставляСт Ρ€Π²Π°Π½Ρ‹Π΅ края. Если Π²Ρ‹ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Ρ‚Π°ΠΊΠΎΠ΅ ΠΊΠ°ΠΊ Amadine, для создания Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ, Π²Π°ΠΌ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ Π²Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ для Π±ΡƒΠ΄ΡƒΡ‰Π΅Π³ΠΎ использования. Π Π΅ΠΊΠ»Π°ΠΌΠΎΠ΄Π°Ρ‚Π΅Π»ΠΈ, Ρ…ΡƒΠ΄ΠΎΠΆΠ½ΠΈΠΊΠΈ ΠΈ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ профСссионалы ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°ΡŽΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ свои ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² Π²ΠΈΠ΄Π΅ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€Π΅Π΄ΠΎΡ‚Π²Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π»ΡŽΠ±Ρ‹Π΅ ΡΡŽΡ€ΠΏΡ€ΠΈΠ·Ρ‹ ΠΏΡ€ΠΈ ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π²Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠ·Π°Ρ‚ΠΎΡ€ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ Π·Π°Ρ‡Π΅ΠΌ ΠΎΠ½ Π²Π°ΠΌ Π½ΡƒΠΆΠ΅Π½? НСкоторыми ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°ΠΌΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΡ‹, Ρ€Π΅ΠΊΠ»Π°ΠΌΠ½Ρ‹Π΅ Ρ‰ΠΈΡ‚Ρ‹ ΠΈ большиС ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ. ВСкторная Π³Ρ€Π°Ρ„ΠΈΠΊΠ° Π»ΡƒΡ‡ΡˆΠ΅ всСго ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для нСфотографичСского использования, ΠΊΠΎΠ³Π΄Π° дСтализация ΠΈ Π³Π»ΡƒΠ±ΠΈΠ½Π° Ρ†Π²Π΅Ρ‚Π° Π½Π΅ Π±Ρ€ΠΎΡΠ°ΡŽΡ‚ΡΡ Π² Π³Π»Π°Π·Π°. Когда Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ ΠΌΠ°ΡΡˆΡ‚Π°Π± изобраТСния, вСкторная Π³Ρ€Π°Ρ„ΠΈΠΊΠ° ΡƒΠ»ΡƒΡ‡ΡˆΠ°Π΅Ρ‚ Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ, создавая ΠΏΠ»Π°Π²Π½Ρ‹Π΅ Π»ΠΈΠ½ΠΈΠΈ ΠΈ ΠΊΡ€ΠΈΠ²Ρ‹Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ выглядят Ρ‡Π΅Ρ‚ΠΊΠΈΠΌΠΈ ΠΏΡ€ΠΈ любом Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅.

Π’Π΅ΠΊΡ‚ΠΎΡ€Π½ΡƒΡŽ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π»Π΅Π³ΠΊΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Π΄ΡƒΠ±Π»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ. Они Ρ‚Π°ΠΊΠΆΠ΅ хранят мСньшС памяти, Ρ‡Π΅ΠΌ пиксСли, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΊΠΎΠ΄ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ мСньшС памяти. НСкоторыС ΠΈΠ· Π»ΡƒΡ‡ΡˆΠΈΡ… бСсплатных ΠΎΠ½Π»Π°ΠΉΠ½-инструмСнтов для Π²Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ пСрСчислСны Π½ΠΈΠΆΠ΅. Π’ΠΏΠ΅Ρ€Π΅Π΄!

Vector Magic

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚Π΅ Π² качСствС ΠΎΠΊΠΎΠ½Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Vector Magic, отличаСтся ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π΄Ρ€ΡƒΠ³ΠΈΡ… инструмСнтов, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΎΡ‚ΡΠ»Π΅ΠΆΠΈΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΡ‡Π½Ρ‹Π΅ мСстополоТСния ΠΊΡ€Π°Π΅Π² Ρ„ΠΈΠ³ΡƒΡ€Ρ‹.

Π’ Vector Magic для ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΉ Ρƒ вас Π΅ΡΡ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ качСства, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ большС Π΄Π΅Ρ‚Π°Π»Π΅ΠΉ ΠΈ Ρ€Π°Π·Ρ€Π΅ΡˆΠΈΡ‚ΡŒ трассировку Π±ΠΎΠ»Π΅Π΅ ΠΌΠ΅Π»ΠΊΠΈΡ… Π΄Π΅Ρ‚Π°Π»Π΅ΠΉ, Ссли установлСно высокоС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅. Напротив, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ ΡˆΡƒΠΌ, Ссли Π²Π°ΠΌ Π½ΡƒΠΆΠ½Ρ‹ Π±Π°Π·ΠΎΠ²Ρ‹Π΅ Ρ„ΠΎΡ€ΠΌΡ‹, ΠΈ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ Π³Π»Π°Π΄ΠΊΠΈΠ΅ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ Ρ„ΠΎΡ€ΠΌΡ‹, Ссли ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π½ΠΈΠ·ΠΊΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅.

Aspose Image Vectorizer

Aspose Image Vectorizer β€” это ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π΅Ρ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±Π΅Ρ€Π΅Ρ‚ растровыС изобраТСния JPC, PNG, BMP, TIFF, ICO ΠΈ GIF ΠΈ сохраняСт ΠΈΡ… Π² Ρ„Π°ΠΉΠ»Ρ‹ SVG. Π­Ρ‚ΠΎΡ‚ Π²Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠ·Π°Ρ‚ΠΎΡ€ Π΄Π°Π΅Ρ‚ Π²Π°ΠΌ нСсколько ΠΎΠΏΡ†ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π²Π°ΠΌ:

  • ΡΠ±Π°Π»Π°Π½ΡΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚;
  • Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π½Π°Π±ΠΎΡ€ Ρ†Π²Π΅Ρ‚ΠΎΠ², измСняя, добавляя ΠΈΠ»ΠΈ удаляя ΠΈΡ…;
  • сглаТиваСт Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Ρ‹;
  • Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹;
  • ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ ΡˆΡƒΠΌ;
  • ΠΊΠΎΠ½Ρ‚ΡƒΡ€ΠΎΠ², Π²Ρ‹Π±Ρ€Π°Π² ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΡˆΡ‚Ρ€ΠΈΡ…Π° ΠΈ Ρ†Π²Π΅Ρ‚.

Π’Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠ·Π°Ρ‚ΠΎΡ€ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

Π’Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠ·Π°Ρ‚ΠΎΡ€ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ позволяСт ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹ ΠΈ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅ΠΆΠΈΠΌ изобраТСния, Ρ‚. Π΅. ΠΊΠ»ΠΈΠΏΠ°Ρ€Ρ‚ для Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Ρ†Π²Π΅Ρ‚ΠΎΠ², ΠΌΠ½ΠΎΠ³ΠΎΡ†Π²Π΅Ρ‚Π½ΠΎΠ΅ Ρ„ΠΎΡ‚ΠΎ, эскиз Π² ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠ°Ρ… сСрого ΠΈΠ»ΠΈ Ρ‡Π΅Ρ€Π½ΠΎ-Π±Π΅Π»Ρ‹ΠΉ рисунок с уровнями Π΄Π΅Ρ‚Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ ΠΈ Π²Ρ‹ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ нСсколько Ρ†Π²Π΅Ρ‚ΠΎΠ², Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π³ΠΎΡ‚ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚. БущСствуСт Ρ‚Π°ΠΊΠΆΠ΅ изомСтричСский Π²ΠΈΠ΄, поэтому Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΏΠ΅Ρ€Π΅ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ΡΡ ΡƒΡ€ΠΎΠ²Π½ΠΈ Ρ†Π²Π΅Ρ‚Π°. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, порядок Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Ρ… слоСв ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ простым пСрСтаскиваниСм. Π―Ρ€ΠΊΠΎΡΡ‚ΡŒ Ρ†Π²Π΅Ρ‚Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ.

Autotracer.org

Π‘Π΄Π΅Π»Π°Π½ΠΎ с Javaβ„’ Advanced Imaging API, ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π΅Ρ€ Autotracer.org ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ автотрассировки, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½ΡƒΡŽ ΠœΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΌ Π’Π΅Π±Π΅Ρ€ΠΎΠΌ. ΠŸΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠ², ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² страниц, ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ², ΡˆΡ‚Ρ€ΠΈΡ…ΠΎΠ²Ρ‹Ρ… рисунков ΠΈΠ»ΠΈ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΉ. ЭлСктронная ΠΏΠΎΡ‡Ρ‚Π° ΠΈΠ»ΠΈ рСгистрация Π½Π΅ Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ΡΡ. ΠœΠ°ΠΊΡΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΎΠ½ΠΈ Π·Π°Π³Ρ€ΡƒΠΆΠ°ΡŽΡ‚, составляСт 6 ΠœΠ‘, ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ΡΡ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ JPG, PNG, PDF, JPEG. ΠœΠ°ΠΊΡΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ 5000β€ŠΓ—β€Š5000 пиксСлСй

Vectorization.org

Vectorization.org ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для Ρ‡Π΅Ρ€Π½ΠΎ-Π±Π΅Π»Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Он ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Potrace Π² качСствС Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ автотрассировщика ΠΎΡ‚ ΠŸΠΈΡ‚Π΅Ρ€Π° Π‘Π΅Π»ΠΈΠ½Π΄ΠΆΠ΅Ρ€Π°. Π­Ρ‚ΠΎ быстро ΠΈ Π»Π΅Π³ΠΊΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π²Π°ΠΌ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Ρ€Π΅Π³ΠΈΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ инструмСнт. ВсС, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, это Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚, Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π½Π° свой ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€. ΠœΠ°ΠΊΡΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΎΠ½ΠΈ Π·Π°Π³Ρ€ΡƒΠΆΠ°ΡŽΡ‚, составляСт 10 ΠœΠ‘, ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ΡΡ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ JPG, PNG, PDF, JPEG. ΠœΠ°ΠΊΡΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ 3000β€ŠΓ—3000 пиксСлСй. Π˜Ρ… ΠΏΠΎΠ»ΠΈΡ‚ΠΈΠΊΠ° ΡƒΡ‚Π²Π΅Ρ€ΠΆΠ΄Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ всС Ρ„Π°ΠΉΠ»Ρ‹ автоматичСски ΡƒΠ΄Π°Π»ΡΡŽΡ‚ΡΡ Ρ‡Π΅Ρ€Π΅Π· полчаса ΠΈΡΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄Π°Ρ‚ΡŒ Π²Π°ΠΌ достаточно Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ для Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ.

БСсплатный ΠΎΠ½Π»Π°ΠΉΠ½-инструмСнт Π²Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠ·Π°Ρ†ΠΈΠΈ

На Π²Π΅Π±-сайтС бСсплатного ΠΎΠ½Π»Π°ΠΉΠ½-инструмСнта Π²Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠ·Π°Ρ†ΠΈΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΡ‹, Π²ΠΈΠ·ΠΈΡ‚Π½Ρ‹Π΅ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ, листовки, Π±Π°Π½Π½Π΅Ρ€Ρ‹, изобраТСния, тСхничСскиС Ρ‡Π΅Ρ€Ρ‚Π΅ΠΆΠΈ, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π½Ρ‹Π΅ Ρ€Π°Π±ΠΎΡ‚Ρ‹, 3D-ΠΏΠ΅Ρ‡Π°Ρ‚ΡŒ, Π³Ρ€Π°Π²ΠΈΡ€ΠΎΠ²ΠΊΠ°, лазСрная Ρ€Π΅Π·ΠΊΠ°, ЧПУ ΠΈΠ»ΠΈ Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½Π°Ρ ΠΈΠ·Π΄Π°Ρ‚Π΅Π»ΡŒΡΠΊΠ°Ρ Π΄Π΅ΡΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΡΠ²ΠΈΡ‚ΡŒ творчСский ΠΏΠΎΠ΄Ρ…ΠΎΠ΄, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΈ прСобразовывая ΠΈΡ… Π² ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ.

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ для Ρ‚Ρ€Π°Ρ„Π°Ρ€Π΅Ρ‚Π½ΠΎΠΉ ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ, вырСзания Π²ΠΈΠ½ΠΈΠ»ΠΎΠ²Ρ‹Ρ… Π½Π°ΠΊΠ»Π΅Π΅ΠΊ, создания Π²Ρ‹ΡˆΠΈΠ²ΠΊΠΈ ΠΈΠ»ΠΈ Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠΉ ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ²Ρ‹ΡΠΈΡ‚ΡŒ Ρ€Π΅Π·ΠΊΠΎΡΡ‚ΡŒ ΠΈ ΠΎΡ‡ΠΈΡΡ‚ΠΈΡ‚ΡŒ. На сайтС Π΅ΡΡ‚ΡŒ Π²Ρ‹Π±ΠΎΡ€ Ρ‡Π΅Ρ€Π½ΠΎ-Π±Π΅Π»ΠΎΠ³ΠΎ прСобразования, Π° Ρ‚Π°ΠΊΠΆΠ΅ прСобразования Ρ†Π²Π΅Ρ‚Π°.

БСсплатный ΠΎΠ½Π»Π°ΠΉΠ½-ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π΅Ρ€

Π‘Π°ΠΉΡ‚ с бСсплатным ΠΎΠ½Π»Π°ΠΉΠ½-ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π΅Ρ€ΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ Π±Π΅Π· ΠΈΠ·Π»ΠΈΡˆΠ΅ΡΡ‚Π², прСдоставляя Π²Π°ΠΌ Π°Π²Ρ‚ΠΎΠΌΠ°Ρ‚ΠΈΡ‡Π΅ΡΠΊΡƒΡŽ Ρ„ΠΎΡ€ΠΌΡƒ для заполнСния Ρ†Π΅Π»Π΅Π²ΠΎΠ³ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° с самого Π½Π°Ρ‡Π°Π»Π°. Они связали Π½Π°Π±ΠΎΡ€ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Autotrace, ImageMagick, Π° Ρ‚Π°ΠΊΠΆΠ΅ нСсколько ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ UNIX ΠΈ Linux. Они Π΄Π°ΡŽΡ‚ Π²Π°ΠΌ список Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² ΠΈ настроСк Π½Π° Π²Ρ‹Π±ΠΎΡ€, ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ Π²Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚Π΅ свой Ρ„Π°ΠΉΠ», Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅, ΠΏΠΎΠ΄ΠΎΠΆΠ΄ΠΈΡ‚Π΅, Π° Π·Π°Ρ‚Π΅ΠΌ просто Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅.

Π’Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠ·Π°Ρ‚ΠΎΡ€

Vectorizer идСально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Ρ€Π΅ΠΊΠ»Π°ΠΌΠ½Ρ‹Ρ… Ρ†Π΅Π»Π΅ΠΉ. Π­Ρ‚ΠΎ ΠΎΠ½Π»Π°ΠΉΠ½-трСйсСр, ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΡƒΡŽΡ‰ΠΈΠΉ растровоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ΅ Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΠΈ качСства ΠΈ рСзкости ΠΏΡ€ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ. Vectorizer ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½ΠΎ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для ΠΊΠΎΡ„Π΅ΠΉΠ½Ρ‹Ρ… ΠΊΡ€ΡƒΠΆΠ΅ΠΊ, Ρ„ΡƒΡ‚Π±ΠΎΠ»ΠΎΠΊ, Π±Π΅ΠΉΠ΄ΠΆΠ΅ΠΉ ΠΈ пластиковых ΠΏΡ€Π΅Π΄ΠΌΠ΅Ρ‚ΠΎΠ². Π•Π³ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для тСхничСских Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ², Ρ‡Π΅Ρ€Ρ‚Π΅ΠΆΠ΅ΠΉ, ΠΏΠ»Π°Π½ΠΎΠ² ΠΈ эскизов. Π­Ρ‚ΠΎΡ‚ трассировщик ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ дорогостоящиС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ CorelDraw ΠΈ Adobe Illustrator. ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π΄ΠΎ 20 растровых ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

Vectorize Image

Vectorize Image ΠΎΡ‚ Pixelied ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΡƒΠ΅Ρ‚ любоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ SVG всСго Π·Π° 4 простых шага. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ своС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ многочислСнных ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ², Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‚ Ρ„ΠΎΠ½, Ρ€Π°ΠΌΠΊΡƒ, подпись, ΠΊΠ»ΠΈΠΏΠ°Ρ€Ρ‚, смайлики, Ρ€Π°ΠΌΠΊΡƒ, сСрдСчки, Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ, ΡˆΡƒΠΌ ΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ, ΠΈ это лишь Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠ· Π½ΠΈΡ….

Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

Π˜Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ, Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ Π΅ΡΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Π²Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠ·Π°Ρ‚ΠΎΡ€ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ, Π² зависимости ΠΎΡ‚ вашСго ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, Π±Π΅Π· нСобходимости Ρ‚Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ дСньги Π½Π° Π΄ΠΎΡ€ΠΎΠ³ΠΈΠ΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹. Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этих инструмСнтов Π²Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠ·Π°Ρ‚ΠΎΡ€Π° Π²Ρ‹ смоТСтС ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎ Π΄ΠΎΡΡ‚ΠΈΡ‡ΡŒ Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚Ρ‹Ρ… Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠ² с ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ усилиями. ЕдинствСнноС, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ, это ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΊ Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Ρƒ для получСния высококачСствСнных Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

Π”ΠΈΠ·Π°ΠΉΠ½ ΡΡ‚Π°Ρ‚ΡŒΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ Ольгой Π’ΠΎΡ€ΠΎΠ½ΠΎΠ²ΠΎΠΉ.

ΠŸΠ΅Ρ€Π΅ΡΠΌΠΎΡ‚Ρ€Π΅Π½ΠΎ Π² январС 2023 Π³.

ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ Π² SVG β€” ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ всСх Π²ΠΈΠ΄ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² SVG

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этого бСсплатного ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π΅Ρ€Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΌΠΎΠΆΠ½ΠΎ бСсплатно ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ GIF Π² SVG, PNG Π² SVG ΠΈΠ»ΠΈ JPG Π² SVG. ΠŸΡ€Π΅Π²Ρ€Π°Ρ‚ΠΈΡ‚Π΅ растровыС изобраТСния Π² Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΡƒΡŽ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ ΠΎΠ½Π»Π°ΠΉΠ½.

ΠŸΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ Ρ„Π°ΠΉΠ»Ρ‹ сюда

Π’Π²Π΅Π΄ΠΈΡ‚Π΅ URL Дропбокс Google Диск

Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€:

Π¨ΠΈΡ€ΠΈΠ½Π°:

пикс.

Высота:

пикс.

ΠŸΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠΉ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€: Π¦Π²Π΅Ρ‚Π½ΠΎΠΉΠžΡ‚Ρ‚Π΅Π½ΠΊΠΈ ΡΠ΅Ρ€ΠΎΠ³ΠΎΠœΠΎΠ½ΠΎΡ…Ρ€ΠΎΠΌΠ½Ρ‹ΠΉΠžΡ‚ΠΌΠ΅Π½ΠΈΡ‚ΡŒ цвСтаРСтроБСпия

DPI:

Ρ‚ΠΎΡ‡Π΅ΠΊ Π½Π° дюйм

Π£Π΄Π°Π»ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ Π£Π»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΠ΅ Π Π΅Π·ΠΊΠΎΡΡ‚ΡŒ Π‘Π³Π»Π°ΠΆΠΈΠ²Π°Π½ΠΈΠ΅ Π£Π΄Π°Π»Π΅Π½ΠΈΠ΅ пятСн Π£Ρ€Π°Π²Π½ΡΡ‚ΡŒ

УстранСниС пСрСкоса:

Π˜ΡΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΊΡ€ΠΈΠ²Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

Π’ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΏΠ΅Π½ΡΠ°Ρ†ΠΈΡŽ пСрСкоса

Π£ΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΏΠΎΡ€ΠΎΠ³ Ρ‡Π΅Ρ€Π½ΠΎΠ³ΠΎ ΠΈ Π±Π΅Π»ΠΎΠ³ΠΎ:

Π£ΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΏΠΎΡ€ΠΎΠ³ ΠΊΡ€Π°ΠΏΠΈΠ½:

Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡ: ΠŸΠΎΠΆΠ°Π»ΡƒΠΉΡΡ‚Π°, Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ JavaScript для ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹ сайта.

Π Π΅ΠΊΠ»Π°ΠΌΠ°

Как ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π² SVG?

  1. Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ свой Ρ„Π°ΠΉΠ», ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Ρ„Π°ΠΉΠ» изобраТСния, Ρ‚Π°ΠΊΠΎΠΉ ΠΊΠ°ΠΊ PNG ΠΈΠ»ΠΈ JPG.
Автор записи

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *