У чым розніца паміж файлам PNG (Portable Network Graphics) і файлам SVG (Маштабуецца вектарная графіка)?


адказ 1:

Розніца заключаецца ў тым, што PNG складаецца з пікселяў, а SVG - вектарная выява.

Я паспрабую растлумачыць розніцу паміж растравым малюнкам і вектарным малюнкам на прыкладзе.

Уявіце, што ў вас ёсць малюнак сіняга квадрата. Для растравога малюнка (складаецца з пікселяў), вам трэба пазначыць колькасць гарызантальных і вертыкальных пікселяў. Напрыклад, вы можаце захаваць выяву ў выглядзе 100 х 100 пікселяў. Калі вы адкрываеце яго, ён адкрыецца як 100x100. Гэта максімальнае дазвол, які вы даможацеся. Калі вы паспрабуеце зрабіць яго больш, напрыклад, B. 200 x 200, ён змяшчае толькі інфармацыю для 100 x 100, таму іншыя пікселі павінны быць інтэпаляваны (сабраны разам), і малюнак губляе сваю рэзкасць або выглядае непіксельным.

Той жа сіні квадрат, як вектарны малюнак, не залежыць ад інфармацыі для кожнага пікселя, а ад матэматычных функцый для нанясення выявы. Кампутар прачытаў нешта накшталт "Зрабіце лінію L доўгай, павярніце на 90 градусаў, зрабіце яшчэ адну лінію L, яшчэ 90 градусаў, яшчэ L, яшчэ 90 градусаў, яшчэ L. Зрабіце яе сіняй". Гэтыя інструкцыі выдатна маштабуюцца. Вам трэба толькі пазначыць Л. Файл адкрыецца з поўнай падрабязнасцю і рэзкасцю кожны раз, незалежна ад таго, наколькі вялікі ваш памер. Гэта таксама робіць гэты спецыяльны вектарны малюнак меншым файлам. Замест таго, каб захоўваць інфармацыю пра колер для кожнага асобнага пікселя, захоўваюцца толькі сіні колер і матэматычная функцыя, якая стварае квадрат.


адказ 2:

Некалькі аналогій:

Файл PNG падобны на жывапіс, прамакнуўшы фарбамі для запаўнення паперы.

Колькасць інфармацыі, неабходнай для стварэння файла PNG, залежыць ад колькасці выкарыстаных кропак.

Больш кропак = больш дэталяў = большы файл.

Каб павялічыць малюнак, спатрэбіцца альбо больш кропак (каб яны былі чыстымі), альбо вялікія кроплі (каб зрабіць малюнак менш выразным).

· · ·

Файл SVG падобны на кропкі малявання, злучаныя лініямі, афарбоўваючы лініі і запаўняючы прастору.

Колькасць інфармацыі, неабходнай для стварэння файла SVG, залежыць ад колькасці выкарыстаных балаў.

Больш ачкоў = больш падрабязнасцей = большы файл.

Вы можаце павялічыць SVG-малюнак, не павялічваючы колькасць кропак, і яно застанецца цалкам ясным.

· · ·

Розныя тыпы малюнкаў лепш працуюць для розных фарматаў.

Падрабязная выява без шматлікіх радкоў падыходзіць для фармату PNG.

Выява з вялікай колькасцю чыстых ліній больш падыходзіць для фармату SVG.

Гэта не вялікая праблема для невялікіх малюнкаў, але гэта становіцца вельмі важным, калі гаворка пра вялікія малюнкі.

Выбраўшы правільны фармат для вялікага малюнка, можна лёгка паменшыць памер файла на 90%, не губляючы выразнасці.