2012-10-12 13 views
5

Mam plik PSD z logo wektorowym (obiekt inteligentny). Muszę zapisać go jako SVG do użytku na stronie. Nie widzę takiej opcji bezpośrednio w Photoshopie (mogę wyeksportować ją tylko jako plik .AI).Photoshop Layer -> SVG

  1. Jak wygląda proces eksportu (PS CS5 lub CS6 - aktualne wersje)?
  2. Jakie są najlepsze ustawienia, które programista stron internetowych powinien stosować przy eksportowaniu logo ? Możesz ustawić różne rozmiary pliku SVG w (AI -> SVG) takich konwerterów: http://image.online-convert.com/convert-to-svg
  3. Czy jest jeszcze coś, na co należy zwrócić uwagę w przypadku ustawień?
  4. W jaki sposób pliki SVG powinny znajdować się na stronie internetowej w obszarze logo? Jakie jest najlepsze podejście? Lubię to? http://jsfiddle.net/danielfilho/GdCcA/
+0

W odpowiedzi na pytanie 4, najbardziej niezawodny jest rasteryzacja SVG do dowolnego rozmiaru, dlatego witryna ma obraz PNG lub GIF, który można wyświetlić i nie wymaga funkcji SVG. –

+0

@Kolink Używam teraz logo JPG, ale wygląda ono na rozmyte w trybie responsywnym witryny, w którym nie można wyświetlać logo 250px, ale logo 200px lub logo 150px. Nie wspominając o Retinie, gdzie cały czas wygląda brzydko. SVG byłoby idealnym rozwiązaniem. Dlaczego nie jest polecany? Firma, w której pracuję dostarczyła mi logo wektorowe, więc posiadanie go w formacie wektorowym na stronie byłoby świetne. – Atadj

+0

Format SVG nie jest obsługiwany w starszych przeglądarkach. Ale jeśli możesz zaimplementować testowanie funkcji, możesz przywrócić obraz SVG z powrotem do obrazu rastrowego. –

Odpowiedz

3
  1. Można zapłacić za to (SVG Kit), czy najlepszym rozwiązaniem jest eksport/pasty do Illustrator, a następnie zapisać jako SVG. Pytanie to zostało szczegółowo opisane.
  2. Szczegóły na temat różnych opcji zapisywania jako SVG można znaleźć na stronie Illustrator site. To zależy od tego, czy interesują Cię szczegóły, takie jak urządzenia docelowe (telefon komórkowy czy komputer) i czy chcesz wyświetlać gradienty, przezroczystość i efekty filtrów SVG.
  3. Best practices for creating web graphics firmy Adobe mówi o korzystaniu z kolorów bezpiecznych dla Internetu, trybie Podgląd piksela w programie Illustrator i rozwiązaniu niektórych problemów związanych z urządzeniami mobilnymi.
  4. Zgadzam się z powyższymi komentarzami @Kubinka.
Powiązane problemy