Dynamické výmeny obrázkov Praktické techniky a nástroje

Pokiaľ ide o dizajn webových stránok, kreativita dizajnu by nemala byť brzděná obmedzeným výberom podporovaných webových písiem, ktoré nazývame bezpečné webové písma. Dizajnéri by mali mať slobodu používať akékoľvek písmo, ktoré uprednostňujú na tituloch a obsahu.

V roku 2005 sa dynamická výmena obrazu stala populárnou technikou Škálovateľná Inman Flash výmena (sIFR). Vyvinutý Shaun Inman, sIFR využívať Javascript a Adobe Flash, aby web dizajnéri mohli používať ľubovoľné vlastné fonty, ktoré sa im páčia na webových stránkach, a stále zachovávajú viditeľnosť pre tých, ktorí nemajú písmo. A keďže sa web naďalej vyvíja, dnes máme viac alternatívnych riešení, ktoré využívajú rôzne technológie, len ak nie ste fanúšikom Flash.

Bez ďalšieho upozornenia sa pozrime na niektoré z nich techniky na dosiahnutie dynamických výmeny obrazu.

Bežne používané techniky

Tu sú niektoré z najčastejšie používaných techník pre dynamické nahrádzanie obrázkov.

Škálovateľná Inman Flash výmena (sIFR)

šifr je jednou z najpopulárnejších metód na vloženie vlastných písiem na webových stránkach. Používa Javascript a Flash na generovanie vlastného písma pre vaše webové stránky a umožňuje konvertovať typ písma byť voliteľné. Okrem toho konvertované písmo zostáva ako text v zdrojových kódoch, takže vyhľadávací nástroj ich stále môže prehľadávať.

sIFR 2 (odporúča sa) je súčasné stabilné vydanie, avšak ak hľadáte implementáciu sIFR, mali by ste to vedieť siFR3 beta je tiež k dispozícii na prevzatie. Môže to byť trochu buggy, ale aspoň to rieši problém s rozšírením písma sIFR 2.

Nástroje pre sIFR, ktoré môžu byť vhodné:

• sIFRvaultsIFRvault je úložisko sIFR fontov, ktoré si môžete stiahnuť.
• sIFR generátorOnline nástroj, ktorý vám umožní vytvoriť súbory sIFR .swf niekoľkými kliknutiami myši. Jednoducho odovzdajte písmo TTF písma, ktoré chcete konvertovať, prezerať a sťahovať.
• Prevod písiem na sIFRNahrajte písmo .TTF a na týchto webových stránkach budú mať konvertované na súbor Flash sIFR.

sIFR Lite

Pôvodný sIFR je 22k, takže Dave sa rozhodol prepracovať ho pomocou objektovo orientovanejšieho prístupu a výsledok? 3x menšia pri 3,7k.

Nahradenie dynamického textu PHP + CSS (P + C DTR)

Ako naznačuje názov, ide o metódu nahradzovania textu, ktorá používa PHP a CSS, ktoré používajú pôvodnú metódu popísanú Steward Rosenberger. Je to aj vylepšenie oproti predchádzajúcej verzii vyvinutej spoločnosťou R. Marie Cox nepodporuje baliaci text a vnútorné značky. Ďalšou skvelou vecou v oblasti P + C DTR je, že obrazový text môže byť prispôsobiteľný pomocou značiek CSS.

typeface.js

Čo robí typeface.js špeciálne je, že používajú len Javascript na vloženie vlastných písiem a štýl je možné ďalej prispôsobiť pomocou HTML a CSS, nie je potrebný Flash. Je to open source a podporuje väčšinu prehliadačov, ktoré používame v týchto dňoch, či už je to Safari, Firefox, IE (6 a vyššie).

Osobne po niektorých pokusoch s typeface.js si myslíme, že by mohlo existovať nejaký potenciál na zlepšenie. Po prvé, fonty majú tendenciu sa medzi rôznymi prehliadačmi mierne líšiť. Ak používate typfaceface.js, odporúčame vám vykonať kontrolu cez viaceré prehliadače predtým, než sa predpokladá, že to, čo vidíte vo Firefoxe, bude to, čo vidíte v programe Safari. Text nie je možné voliť aj pomocou písma typeface.js.

Vlastné písma v typeface.js nie sú kompilované; čo znamená, že používatelia si môžu stiahnuť fonty. To by mohlo viesť k problému s autorskými právami. Odporúčame vám, aby ste si dôkladne skontrolovali, či sú písma, ktoré používate, v poriadku na prerozdelenie.

cufon

Nie je potrebný žiadny blesk, cufon je skvelou alternatívou k sIFR a je veľmi jednoduché ho implementovať. Najskôr použijete generátor Cufon na generovanie a prispôsobenie požadovaného písma, potom vložte Javucript Cufon vo vašom zdrojovom kóde a povedzte skriptu, ktorý selektor chcete, aby boli písma prispôsobené.

Najväčší problém s Cufonom by bol právny problém používania týchto vlastných písiem online. Vzhľadom k tomu, že je vložený do Javascriptu, môže ho ľahko odtrhnúť každý, kto si pozrie zdrojový kód. Vlastné písma Cufon nie je možné vybrať, to je iné vypnutie.

facelift

Taktiež známy ako Výmena obrazu Facelift (FLIR), je to ďalšia skvelá metóda sIFR, ktorá nevyžaduje Flash. Zdá sa, že veľmi ďalšou alternatívou je zasiahnutie problému Flash sIFR.

Facelift používa PHP a PHP GD Library. Zdědí starší problém vlastních nahradených písiem - nemožno vybrať text. Okrem toho si myslíme, že je to taky skvelé.

Ďalšie metódy

Vyššie uvedené postupy by mohli byť rozšírenejšie, ale všimli sme si aj niektoré ďalšie spôsoby, aby sme mohli konvertovať text na krásne vlastné písma.

Typ Vybrať

TypeSelect využíva fonty typu typeface.js, jQuery, plátno, toDataURL, CSS na pozadí a skutočný prekrývajúci text, aby vám na vašich webových stránkach poskytol vlastný typ písma. Výber textu funguje v prehliadačoch Firefox, Safari a dokonca aj v prehliadači Chrome, ale nie v IE.

Nahradenie obrázka Swf (swfIR)

swfIR vám umožňuje aplikovať sortiment vizuálnych efektov na všetky alebo všetky obrázky na vašich webových stránkach. Môžete napríklad pridať ľubovoľné obrázky na vašu webovú stránku a swfIR pridá hraničnú hranicu, rotáciu polohovania alebo dokonca pridávanie tieňov.

Deväť techník pre výmenu obrázkov CSS

Nie sú to dynamické textové náhrady, ale Chris Coyier demonštruje až deväť rôznych technik CSS na nahradenie textu obrázkami; každý s kartou s výpisom stavu - čo ak sú obrázky zapnuté / vypnuté, CSS je zapnuté / vypnuté.

Font Burner

Font Burner využitie možnosti Scalable Inman Flash Replacement (sIFR) na zmenu titulov na vlastné písmo. Jediné, čo musíte urobiť, je nájsť písmo, vyberiete ho a vložte kód do hlavy a váš názov sa v najbližšom čase zmení.

WordPress + výmena dynamických obrázkov

Ak ste používateľom programu WordPress hľadajúcim riešenie dynamickej výmeny obrázkov pre titul alebo dokonca obsah vášho blogu, je pravdepodobné, že pre nich existuje plugin. Tu sú niektoré doplnky na výmenu textu, o ktorých sme sa dozvedeli.

sIFR doplnok WordPress - WP sIFRWP sIFR bol vytvorený na odstránenie komplikácií z získania vlastných písiem na stránke WordPress. S WIF sIFR stačí nahrať súbor SWF písma do adresára pluginov a potom ho prihlásiť, aktivovať a nakonfigurovať jeho štýly v paneli Nastavenia.

Plugin Cufon WordPress - WP-CufonJediná vec, ktorú musíte urobiť, je konverzia súborov fontov a ich nahratie do adresára doplnkov. Objekty, ktoré chcete nahradiť, môžete povoliť v správcovskej ponuke WordPress.

Obnova obrázkov Facelift Image (FLIR) Wordpress PluginFLIR pre WordPress je SEO priateľský a iba vykresľuje obrázok v prehliadači, ak je povolený JavaScript. Kód HTML / XHTML zostáva nezmenený, takže hlavičky sú čitateľné vyhľadávacími nástrojmi a stránka čitateľná tým, ktorí nemajú JavaScript.

Ovládací panel na napaľovanie písiem Font Burner Zásuvný modul ovládacieho panela vám umožňuje jednoducho pridať ľubovoľné z 1000+ voľných písiem dostupných na webovej stránke aplikácie Font Burner na tému WordPress.