Jak wstawić Logo w formacie .cdr

pytanie zadane 10 września 2015 w HTML i CSS przez supersmok25 Użytkownik (510 p.)

Witam serdecznie,

Jak mogę wstawić logo do strony internetowej jeśli jest zapisane w cdr. Logo jest stworzone w krzywych wektorowyh.

3 odpowiedzi

odpowiedź 10 września 2015 przez Bantu Nałogowiec (34,170 p.)
wybrane 10 września 2015 przez supersmok25

Najlepsza

Z tego co pamiętam to jest format Corela, który raczej przez HTML nie jest obsługiwany, bo to tak jakbyś chciał wyświetlić logo w formacie PSD. Po prostu zapisz plik do jakiegoś naturalnego formatu jak PNG, czy JPG.

komentarz 10 września 2015 przez supersmok25 Użytkownik (510 p.)

Myślałem, że jest może inny sposób, ale skoro nie to idę konwertować i ciąć.

komentarz 12 września 2015 przez Comandeer Guru (600,810 p.)

Jeśli to wektor, to chyba logiczny byłby eksport do SVG

odpowiedź 12 września 2015 przez rquadratis Użytkownik (960 p.)

Najprościej:

Otwórz logo.cdr w Inkscape, zapisz jako logo.svg i wstaw jak każdy inny obrazek. Przed zapisem możesz dobrać potrzebne wymiary.

Poszukaj w google jak osadzać svg w html. Jest kilka sposobów, które mają swoje plusy i minusy, być może inny sposób będzie bardziej odpowiedni dla Ciebie.

komentarz 12 września 2015 przez Patrycjerz Mędrzec (192,320 p.)

Tutaj już bym się nie zgodził. Ja raz otworzyłem moją grafikę stworzoną w Inkscape w Chrome i nie pokazywało w ogóle tekstu. Najlepszym pomysłem jest po prostu korzystanie z rastrów.

komentarz 12 września 2015 przez rquadratis Użytkownik (960 p.)

Nie miewałem takich problemów. Być może nie zamieniłeś tekstu na ścieżkę?

komentarz 12 września 2015 przez Patrycjerz Mędrzec (192,320 p.)

Ścieżka, czyli krzywa, a nie tekst? Nie, nie zmieniałem, ale i tak nie wiadomo, jak wygląda obsługa tego formatu przez inne przeglądarki.

komentarz 12 września 2015 przez rquadratis Użytkownik (960 p.)

A to akurat wiadomo

http://caniuse.com/#feat=svg-img

komentarz 12 września 2015 przez Patrycjerz Mędrzec (192,320 p.)

Ooo... nie wiedziałem o tym. Sądziłem, że ten format jest tylko związany w Inkscape'em.

komentarz 12 września 2015 przez Comandeer Guru (600,810 p.)

SVG jest standardem W3C od co najmniej 10 lat. To, że przeglądarki wspierają go tak, jak wspierają, to niestety duża zasługa MS i faktu, że IE do wersji 9 SVG wgl nie łykał…

A prawda jest taka, że SVG powinien od dawna być stosowany tam, gdzie obecnie królują icon fonty, które po prostu ssą.

komentarz 12 września 2015 przez Patrycjerz Mędrzec (192,320 p.)

Czyli tekst (jak podałem wyżej) odbiega już od standardu i trzeba go konwertować do ścieżki? A może to zależy od edytora, a format nie ma tu nic do gadania?

komentarz 12 września 2015 przez Comandeer Guru (600,810 p.)

Nie, po prostu przeglądarki od lat mają bugi z SVG (niektóre wiszą od 10 lat…) i bezpieczniej jest konwertować na ścieżki.

komentarz 12 września 2015 przez rquadratis Użytkownik (960 p.)

Można wstawić tekst na ścieżkę bezpośrednio w kodzie html. Testowałem takie rozwiązania w zeszłym roku i o ile dobrze pamiętam jedynie z ie10 były większe problemy. Rozwiązaniem dla dziesiątki była taka deklaracja w CSS:

#IdŚcieżki {
    font: 700 8px NazwaFontu;
}

Kolejne, drobne problemy miała natywna przeglądarka Androida, ale tylko przy zmianie polożenia tekstu na ścieżce za pomocą dx/dy. Ten sam problem występował w BlackBerry jeśli dobrze pamiętam. Reszta, czyli nowsze i najnowszy FF, Chrome, Safari (OS X/i OS), Opera (od 12.16) renderowały tekst bez zarzutu.

Do tworzenia całych akapitów tekst na ścieżce raczej się nie nada, ale można stworzyć responsywną nazwę w logo, czy co tam inwencja twórcza podsunie.

Z tego, czego doszperałem się wtedy w google, tekst na ścieżce jest zrozumiały dla wyszukiwarek i indeksowany jak każdy inny.

Jeśli ktoś chce poeksperymentować, to można zacząć tu:

http://www.useragentman.com/blog/2013/05/20/cross-browser-svg-text-paths-without-javascript-even-in-older-ie/