Zasugerowano mi, abym zrobił test SVG z uwzględnieniem różnych sposobów osadzania plików SVG w kodzie html. Część ze sposobów ma zgodność wsteczną ze starszymi przeglądarkami, ale nie wszystkie.
Należy też zwrócić uwagę na pewien fakt. Część serwerów może nie być skonfigurowana do obsługi plików SVG (lub SVGZ). Konieczne może się okazać modyfikowanie plików konfiguracyjnych. Na wszelki wypadek zamieszczam bezpośrednie linki do plików, jakie są w tym dokumencie osadzane, aby można je było samemu sprawdzić, czy działają. Poza tym część przeglądarek może mieć wsparcie dla SVG, a nie mieć dla SVGZ.
Dodatkową kwestią jest kompresowanie nieskompresowanych plików w locie na czas przesyłania, jakie często jest realizowane przez serwery. Działa z większością współczesnych przeglądarek. Właściwie niweluje to różnice w objętości między plikami SVG, a SVGZ. Zależy jednak już całkowicie od ustawień serwera.
[ SVGZ ] [ SVG ] [ SVG (inny) ] [ PNG ]
Aby nie komplikować nadmiernie komentarzy, zakładam obsługę obrazków PNG w przeglądarce. Zakładam też poprawną obsługę osadzania CSS poprzez tag link. Sama strona, poza kodem niezbędnym dla plików SVG, jest pozbawiona dodatkowego ostylowania.
[ SVG jako obiekt (wersja rozbudowana) ]
[ SVG jako obiekt (wersja podstawowa) ]
[ SVG jako tło ]
Teoretycznie istnieje jeszcze jeszcze możliwość osadzenia plików SVG w raczej niestandardowym tagu EMBED. Obecnie nie ma jednak realnych powodów, aby ową konstrukcję stosować w praktyce, więc ją pomijam.
Istnieje jeszcze obsługa obrazków SVG osadzonych bezpośrednio w kodzie XHTML, we własnej przestrzeni nazw. Z powodu poważnych problemów ze zgodnością z różnymi przeglądarkami postanowiłem ów aspekt pominąć.
Wypada jeszcze wspomniec o DATA URL. Dzięki temu można umieścić kod SVG w miejscu standardowego adresu. Uznałem jednak, że wspomniana metoda byłaby zbyt rozbudowana, aby się nią zajmować w przypadku formatu SVG, który sam z siebie generuje już dostatecznie dużo problemów.
