Hogyan készítsünk HTML LOGO-t

HTML5 szabványok logója, vagy hogyan lehet vektoros képet egy weboldalon

A nyári évfordulójáról IMG tag elkötelezett
Február 25. Mark Andreessen (Marc Andreessen) írta:
I-hez egy új választható HTML tag: IMG
Meg kell feltétlenül jelenti azt az érvet, SRC = „URL”.
A címke utal, hogy a raszteres képfájl (Bitmap vagy kép). A böngésző kérni fogja ezt a fájlt a hálózaton, elismerik, mint egy kép, és helyezze a szöveg szerint a helyszínen címkét az oldal oldalon .

Tegyük fel, hogy felhívta a Corel Draw! Céglogó, és céljuk, hogy azt a helyszínen nem valahogy, de a HTML5 formátumban. És ennek megfelelően, egy képet nem raszteres formátumban, hanem a .SVG

Miért van szükségem egy képre SVG-ben?

Amit ad, érthető – bármilyen méretezéssel egy tabletta vagy bármely más modul, van egy ideális pontosan rajzolt kép, mennyire részletes lenne.

Alapértelmezett export a Corel Draw-ből! Az SVG formátumban, még egy pipa „Csak a kijelölt objektumok” képet ad az ilyen méretű, mint a mi munkalap. Ez az, hogy a kép az A4-en lesz, ha a formátumú munka levél. Meg kell készítenie egy külön lapot pontosan ezt a méretű képpontokat, amelyekre szükségünk van, végezze el a logónk pontosan ezt a méretet, majd exportálni.

És most helyezze be az oldalt

A címke oldal behelyezése közben egy varázslatos eredményt eredményez a böngészők az Android 4 és az iPad alatt, de nem látunk semmit a számítógépes böngészőkön. Firefox 13, IE 8, Opera 12, Chrome (24. verzió) – Mindenki felajánlja az SVG fájlt, ahelyett, hogy csak megmutatja.
Próbáljunk egy másik módja, hogy helyezze SVG – – mutatja egy teljesen hasonló eredményt, az opera, de ad ki „nincs bővítmény. Ismerkedjen?”.
Az SVG beillesztésének harmadik módja – a címke segítségével újra ugyanazt a képet látom újra – az összes böngésző nem mutat SVG-t.
A kompatibilitási táblázat szerint az IE8 mellett minden böngészője egyszerűen köteles helyesen megmutatni. Emellett emlékeztetem Önt, az Android és az iPad ios alatti tabletták helyesen jelenítik meg az oldalamat.

Mime-típusú

Kiderül, hogy az a tény, hogy a szerverem (IBM Lotus Domino) nem tudja megfelelően megadni a MIME-típusú SVG-t. És a fájlforrások bázisában fekvő fájl nem adható meg helyesen! Egy vonalat ír elő Kép / SVG + XMLAz erőforrás tulajdonságaiban. És egy csodáról! – Minden böngésző (az IE8 kivételével) mindhárom opció megjelenítése (img, beágyaz, Tárgy) Beillesztése képek. Nagyszerű, megfelel nekem, a “mankók” az IE lesz GIF-ben. Még egyszer meglepődtem, hogy még a tabletták mime-típus nélkül is helyesen mutattak be.

Vessen egy pillantást a logóra

És most próbálja meg növelni a skálán az oldalt nézd meg a logót, és pontosabban, összehasonlítani, hogy ugyanazt a fájlt ki három különböző címkék jelenik meg. Kiderült, hogy amikor egyre nagyobb a skála a oldalt a Firefox, a kontúr a lehetőség, hogy beiktatjuk egy IMG címke, akkor fújva, világossá válik ismét.

Mi a helyzet a jogosulatlan másolatok és lejátszás elleni védelemmel?

Nem úgy teszek, mintha egy szakember címe lenne ezen a területen, éppen ellenkezőleg, szeretnék feltenni egy kérdést. Csak nem találta meg a kérdést. Az SVG formátumnak nincs vízjelei, valamint más védelmi attribútumok.
Általában a vállalatok saját fájljai vannak a vektorokban, mint források. Making Making Brandbook, Design Studios Adja meg a vektort, és mindenhol már raszter.
És svg, valójában, pontosabban, xml. És van bedugva minden Publishing programot, akkor lehet reprodukálni a minőség romlása nélkül. Ezt figyelembe kell venni, t.Nak nek. A fájlok szerkesztése sokkal egyszerűbb lesz, és talán semmi sem fogja bizonyítani, hogy törvényes szerzői jog tulajdonosa vagy.

Irodalom a témában:
HTML5 Hab útmutató