WebSite X5Help Center

 
Łukasz M.
Łukasz M.
User

SVG File - Plik SVG  pl

Autor: Łukasz M.
Visited 255, Followers 1, Udostępniony 0  

Witam.

Czy jest możliwość użycia loga lub innego obiektu w formacie SVG? Na stronie, w nagłówku lub stopce? Jeżeli tak to proszę o instrukcję. Zmieniałem już na *.* ale gdy wrzucę obraz SVG to go nie widać.

Dzięki

-----------------

Hi.

Is it possible to use a logo or other object in SVG format? On the page content, in the header or footer? Could someone give me the implementation instructions?. I have already changed to *. * But when I upload an SVG image, I can not see it.

Thanks

Posted on the
14 ODPOWIEDZI - 7 USEFUL
Tom G.
Tom G.
User

Łukasz,

Udało mi się zrobić taką stronę z użyciem jednego "obrazka" .svg. Oryginał podłączam.

A tak wygląda strona:

Jak widzisz, jeden plik .svg można wyświetlić w dowolnych rozmiarach. Oryginał jest wymiarowo duży, ale plik jest bardzo mały - trochę ponad 2kB.

Jutro lub następnego dnia załączę cały ten WSX5 projekt (.iwzip). Muszę to przygotować.

Czytaj więcej
Posted on the from Tom G.
Łukasz M.
Łukasz M.
User
Autor

Dziękuję bardzo!

Czytaj więcej
Posted on the from Łukasz M.
Tom G.
Tom G.
User

                            

Tak wygląda strona utworzona z plików .svg. (Zrobiłem z tego coś o hokeju amerykańskim, bo znalazłem ładne "images" laughing).

Całość jest złożona z nagłówa (header), obiektu HTML i „stopki” (footer). Wszystkie te elementy mają dołączony kod HTML.

Ponieważ WSX5 nie dopuszcza plików .svg, więc pliki te muszą być najpierw skopiowane do folderu „Prewiev\images”.

                  

Załączm cały projekt. Niestety jest to jedyne rozwiązanie jakie przyszło mi do głowy, aby użyć "images" w formie grafiki wektorowej. Mam nadzieję, że będzie to dla Ciebie przydatne.

Tomek

Czytaj więcej
Posted on the from Tom G.
Tom G.
Tom G.
User

Załączm pliki .svg, które musisz skopiować do Preview\images folder po pierwszym imporcie SVG-test.iwzip.

Czytaj więcej
Posted on the from Tom G.
Klaus G.
Klaus G.
User

Hallo Lukaz,

das SVG-Bild am besten in einem Textbox platzieren.

Auf Bild einfügen und bei Dateinamen mit *.svg die dateien sichtbar machen. Jetzt kannst du die Datei auswählen und diese dann anpassen. Leider ist es so, das nach dem SPEICHERN nur ein leerer Rahmen angezeigt wird, aber das Bild ist trotzdem vorhanden.

Es können keine direkten Links auf SVG angelegt werden, den dann wird das SVG-Bild nicht in den gängisten Browsern angezeigt.

Siehe Screenshots.

Cześć Lukaz,

najlepiej umieść obraz SVG w polu tekstowym.

Wstaw na zdjęcie i spraw, aby pliki były widoczne w nazwach plików z * .svg. Teraz możesz wybrać plik, a następnie dostosować go. Niestety jest tak, że po zapisaniu wyświetlana jest tylko pusta ramka, ale obraz jest nadal obecny.

Nie można go bezpośrednio połączyć z SVG SVG, więc obraz SVG nie jest wyświetlany w najpopularniejszych przeglądarkach.

Zobacz zdjęcia.

Czytaj więcej
Posted on the from Klaus G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca RU

(It > Pl) ... Istnieją różne metody, oprócz tych już wspomnianych:
1) - pierwszy sposób; Obiekt wyboru obrazu (*.*), Lub (*.svg) lub (URL-SVG);
https://helpcenter.websitex5.com/pl/post/204754
2) - drugi sposób; wklej kod HTML OBJECT ... kod XML pliku SVG, kod jest widoczny, otwierając plik SVG w Notatniku, kopiując go i wklejając TAG <svg>;
...>> patrz przykład 1 ... code Ctrl+U ...
3) - trzeci sposób; dołącz plik SVG w kodzie HTML OBJECT | Ekspert | ZAŁĄCZNIKI, domyślnie przejdzie do folderu "files" i zawsze w tym samym kodzie HTML OBIEKTU HTML wprowadź następujący ciąg kodu:
<img src = "files/filename.svg" />
...>> patrz przykład 2 ... code Ctrl+U ...

.

ciao

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Klaus G.
Klaus G.
User

Oder so cool

<a href="./support.html" title="Bildname" alt="Bildname">SVG-Bild</a>

Das ganze auch in eine Textbox und das Bild passend skalieren.

Diese verlinkung funktioniert auch sehr gut, aber verursacht in SEORCH unter W3C einen HTML Fehler.

Wenn man damit leben kann ????

Gruß

MCMACMASTER

Albo tak

<a href="./support.html" title="PictureName" alt="PictureName"> Obraz SVG </a>

Cały synonim w polu tekstowym i odpowiednio skaluj obraz.

To łącze działa również bardzo dobrze, ale powoduje błąd HTML w SEORCH pod W3C.

Jeśli możesz z tym żyć?


powitanie

MCMACMASTER

Czytaj więcej
Posted on the from Klaus G.
Łukasz M.
Łukasz M.
User
Autor

Dziękuję wszystkim za odpowiedzi. Spróbuję wszystkich opisanych metod dziś i dam znać.

Proszę jeszcze o odpowiedź na nurtujące mnie pytanie - jak to jest z wyświetlaniem pliku SVG? Z tego co czytałem to przeglądarki Safari, Firefox, Chrome, Edge, IE czy Opera bez problemu go ”czytają”.

Bowiem nie ma co ukrywac SVG jest znacznie lepszej jakości niż PNG czy JPG i według mnie o wiele lepiej nadaje się na logo strony. Szkoda, że WSX5 nie pozwala na proste umieszczenie SVG w elemencie ”obraz” tak jak można to zrobić na przyklad z JPG.

Czytaj więcej
Posted on the from Łukasz M.
Klaus G.
Klaus G.
User

Hallo Tukasz,

für normale Logos verwende ich immer SVG in einer Textbox und es funktioniert einwandfrei. Sicherlich hat es INCO vielleicht so gemacht da die meisten auch eine interne Verlinkung auf das SVG Bild machen und das ja wiederum nicht funktioniert. Vielleicht löst ja INCO bei einer der nächsten Updates diese Problem.

SVG ist klein (KB), frei skalierbar (verlustfrei) und gut für SEO.

Einfach Testen was für dich am besten ist.

Gruß

MCMACMASTER

Czytaj więcej
Posted on the from Klaus G.
Łukasz M.
Łukasz M.
User
Autor

Klaus dziękuję bardzo za odpowiedź.

Czytaj więcej
Posted on the from Łukasz M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca RU
Klaus G.
... ...  To łącze działa również bardzo dobrze, ale powoduje błąd HTML w SEORCH pod W3C. Jeśli możesz z tym żyć? ... ... 

(It > Pl) ... unikaj wstawiania kodu HTML w obiekcie tekstowym; ... prawdopodobnie robi to wyjątkowo, z kodem rozproszonym w jednej linii i bez angażowania się w formatowanie tekstu ... ciao

Łukasz M.
... ...  Szkoda, że WSX5 nie pozwala na proste umieszczenie SVG w elemencie ”obraz” tak jak można to zrobić na przyklad z JPG.

1) - pierwszy sposób; Obiekt wyboru obrazu (*.*), Lub (*.svg) lub (URL-SVG);
https://helpcenter.websitex5.com/pl/post/204754

.

ciao

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Łukasz M.
Łukasz M.
User
Autor

@Tomek

Twój sposób działa, dziękuję bardzo!

Robię to tak:

Eksportuje plik WSX5 na dysk lokalny, otwieram Winrarem, kopiuję plik SVG do previev/images i nadpisuję. Póżniej otwieram plik WSX5 z dysku w programie X5.

Walczę teraz z tym tłem z tego wątku:

https://helpcenter.websitex5.com/pl/post/211487

Dziękuję jeszcze raz wszystkim!

Czytaj więcej
Posted on the from Łukasz M.
Łukasz M.
Łukasz M.
User
Autor

@KolAsim

Gdy robię tak jak piszesz to co prawda mogę wybrać plik SVG, ale go nie widać. Mam coś takiego:

Czytaj więcej
Posted on the from Łukasz M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca RU

(It > Pl) ... zamiast używać jako tła, spróbuj z listą obrazów ...
... wyeksportuj w sieci i opublikuj link, aby można go było zweryfikować, tak jak w przypadku moich przykładów ...
... zobacz także ten temat (It), w którym rozumiemy, że działa:
https://helpcenter.websitex5.com/pl/post/204855

ciao

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪