Najlepszy format pliku dla skalowalnej grafiki wektorowej w Internecie?

Question

Buduję nową stronę internetową i chciałbym, aby logo tej witryny wyglądało równie dobrze na wszystkich urządzeniach (od komputerów stacjonarnych po wyświetlacze siatkówkowe na iPhonie i iPadzie).

Moje logo nie zawiera żadnych gradientów ani pikseli, więc można je łatwo zapisać w formacie wektorowym. Jednak nikt nie jest w stanie powiedzieć, jaki byłby najlepszy format.

Czy to na przykład SVG lub PNG?

Jak utworzyć plik SVG?

Nie ma zbyt wielu informacji dostępnych nawet w Google.

Dzięki za podzielenie się z nami swoim doświadczeniem.

Answer 1

Ponieważ SVG oznacza "skalowalną grafikę wektorową", jest to prawdopodobnie najlepszy wybór;) PNG jest formatem pikselowym, więc nie będzie skalowany tak ładnie, jak powiększenie lub pomniejszenie.

Powszechną biblioteką do robienia zdjęć SVG jest Processing.js, sprawdź to i zobacz, czy robi to, co chcesz!

Answer 2

Cóż, prawidłowa odpowiedź brzmi: "to zależy", SVGs są trudniejsze do narysowania przez przeglądarki i aby wyświetlać poprawnie, są pewne czynniki, z drugiej strony PNG są łatwiejsze do wyświetlenia, szczególnie w telefonach komórkowych platformy, na przykład urządzenia iOS są zoptymalizowane do rysowania obrazów PNG.

Z drugiej strony svgs mają tę zaletę, że mogą być skalowane tak bardzo, jak chcesz, i są lekkie, aby można je było przesyłać przez sieć.

Możesz tworzyć obrazy SVG za pomocą programu Inkscape lub Adobe Illustrator.

Cheers

Answer 3

Oh Boy - istnieją many of them. Istnieją także złożone formaty zawierające dane rastrowe i wektorowe (np. Popularny format PDF). Podejrzewam, że rozwiązanie pdf byłoby najbardziej przenośne, biorąc pod uwagę, że w jakiś sposób wyeksportujesz swoje logo do pliku PDF jako dane wektorowe. Do diabła, możesz nawet display PDF tylko z javascript. Lub możesz wziąć ścieżkę flash Adobe Flash ...

Answer 4

Projekty logo są lepiej przechowywane tylko w kilku formatach: PDF, SVG, AI, EPS, & DXF. (Prawdziwe formaty wektorowe - skalowalne/bezstratne) Prawdziwy obraz wektorowy może być skalowany do końca, bez pikseli i zniekształceń.

Jeśli używasz formatu bitmapy, pamiętaj, aby trzymać się plików PNG. PNG obsługuje przezroczystość i jest mapami bitowymi bezstratnymi, ale nadal jest obrazem rastrowym, więc w razie skalowania będą wykazywać pewien stopień utraty jakości. Tak więc, PNG świetnie nadaje się do niektórych zastosowań internetowych, ale nie jest to coś, co polecałbym do druku.

Polecam format .png do wyświetlania w Internecie, ale projekty/wersje wydruku powinny być w prawdziwym formacie wektorowym.