Diskuse JPW: obrázek v textové podobě

	Autor	Zpráva
	davidmyska Profil	#1 · Zasláno: 16. 6. 2011, 20:17:00 Odpovědět Citovat Zdravím, potřeboval bych vědět jak udělat obrázek (jestli to vůbe jde) ale aby byl zapsaný přimo v kódu stránky (aby to nebyl externí soubor, ale kód toho obrázku se zadfal přímo do HTML nebo CSS) já si myslím (nemám to ještě vyskoušeno) že by to mohlo být nějak takto: background-image: (celý kód obrázku); předem díky za odpověď
	ShiraNai7 Profil	#2 · Zasláno: 16. 6. 2011, 20:35:54 · Upravil/a: ShiraNai7 Odpovědět Citovat <img src="data:image/jpeg;base64,<?php echo base64_encode(file_get_contents('cesta/k/obrazku.jpg')); ?>" alt="obrazek"> Stejně to jde v CSS. Zkus si např toto: <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wAARCAAeAB4DASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAABwYIBP/EACkQAAEEAgICAgEEAwEAAAAAAAMBAgQFBgcIEQASCSETFCIjURUxQVL/xAAXAQADAQAAAAAAAAAAAAAAAAAEBQYI/8QAJhEAAgEDBAEEAwEAAAAAAAAAAQIRAwQFBhIhQQAHEyIxMlFhcf/aAAwDAQACEQMRAD8A3nyH5Ebp2VumXw54c20Kou6eECXsvZdhAbMBiAJDVdHiRo7l9JVmZn8jWE/iAL1KRH+4xvnW/Fhw+yUX63fWJ3O27kv3Mv8AauSSro53f20RX/p46f0wAhMb/wAanhhwiSNk2lNP7X2RuG7wqi3pll9lGd5VSzQRSEubVzz1QJEg4iNCBAsZCZ36opGRBIvb2tVtx2syfC+Q+K4FFzrPUt0rL+Vn+F5dlVZcNqq8ctkeplkLBEjQFmI1ZARq/wBlEkhrm+wndZ11vW1fqGwu8tZXy0bO3Z02K7K7Gm20lio5LHlVLRBXiSSbTFrjbKtTt6tItVcAyQCBInieh2Y/fk9M+POj1INcm4KbWyLUF/GT3jVkO1k2OMz3J/oUynlFcBRr9tV8f8Bm99tIip14rcP+Ulpv+rv8D2lhosU2dgU4Vfn2LBkqYAyEYr486GVyIpoMkaKQJFRHJ6kG9EeJ6eQWB02UZnEyDLtj8ldnUoce2FkkTYhqGxxeFWYHSR2Sp1ZNMyfXkklCaAkFPZjiu/Id7l9Wscjcfc+uY+1vj51loT5BLqIZ2d5XrMeHZ6GbCYMk4xRQ7ETzha1rGFCUM5ERrURizCtRERevHOh7nVunbmyt8vdLcUL0H2/kzOhCbxyyiVI+JEkAkRAmRcrTx16lV7amUel+XAAPMdH7768f+KWFW8XUOZfHBNzAWPX+qsjkwWMmUcawZbYnLOeRVSEjyWuGQL4xEjPXpfU0IzF6668vNdcPtm6foXYtqTkVAxascZTOrsc1XSQQKReu3qMIWt9l6Tteu/rxC5ScP67flvTbW1/n83Adn4oEosXz2pisO5kcio4sCbHeqMnQSOa1zgPVFRzUeN4np7+Y75S/MvnnxwXo9c84dC1NzbIxqiu9VZAUkea1320jos8InRVVFTsaHOif+3eTGvPTvUtnka93h1Spb1WLspFOVY8md45En4wZExHEk/EZqxqUVp3JKuogHnkD/Pr++OeccGMt2bksHMtj7xp7+3q/T/G2l1qOilSIvo/8jEGQgHOYjX/vTpfp37k+/vw15FcZ8V+TzkhF4uZtektsS0viamzbIxxR9SMqnLF/TRUa3piFHDDJOVrPoaT46dJ7dedfHblPyp+UrCi3HGt+PafwhxEDbZdPlvt8lRjkVfWHDWOOHGIqIqIcpZCM77/C5U819x649av4wavh6m1NUGj18cxZMyZOlOkTLOYZyvPNlnf2+RIK9Ve8jl7VV6TpEREe+m+gs/bZCllc1tUUgfaQBJBYQWJQQBBMCTyZMRyJm8vZvRa3tZO6NxM9dc9/3z//2Q==" alt="obrazek">
	Bubák Profil	#3 · Zasláno: 16. 6. 2011, 22:14:39 Odpovědět Citovat Něco se dočteš na Wikipedii: http://en.wikipedia.org/wiki/Data_URI_scheme Další informace, důležité pro zprovoznění v IE, jsou na MSDN: http://msdn.microsoft.com/en-us/library/cc848897(VS.85).aspx a taky na stránkách dalších výrobců prohlížečů učených pro vývojáře, v případě problémů (neočekávám) si je najdi. Nějaké pokusy jsem dělal, najdeš na http://teststranek.kvalitne.cz/obrazek-data-uri/ Téma je na anglické Wikipedii solidně zpracováno, jen tvrzení, že Firefox musí nesmí data pro CSS rozdělena do řádků, platí pro všechny současné ne-IE prohlížeče. Nevím,. k čemu to chceš použít, ale doporučuji přečíst si nevýhody, které to přináší.
	Darker Profil	#4 · Zasláno: 16. 6. 2011, 22:29:02 Odpovědět Citovat Taky jsem si s tím hrál. Udělal jsem kdysi dávno skript, který ti menší obrázky převede z linku. Stačí zatrhnout IMG url (tehdy jsem nevěděl, jak se tomu říká). Smysl to ale moc nemá, vyplatí se to u chybových hlášek serveru, které se mohou objevit na různých adresách (nicméně ti nic nebrání použít absolutní cestu) a v nějakých snadno přenosných aplikacích.
	davidmyska Profil	#5 · Zasláno: 17. 6. 2011, 10:16:38 · Upravil/a: davidmyska Odpovědět Citovat vy mi tady píšete jak to udělat na obrázek img ale já bych to potřeboval CSS jako pozadí jestli to jde já si skusím ještě upravit ten kód od vás
	blaaablaaa Profil	#6 · Zasláno: 17. 6. 2011, 10:29:17 Odpovědět Citovat davidmyska: zkus do googlu zadat napr. "css base64" nebo "css background-image base 64"
	Bubák Profil	#7 · Zasláno: 17. 6. 2011, 17:59:33 Odpovědět Citovat davidmyska: „vy mi tady píšete jak to udělat na obrázek img ale já bych to potřeboval CSS jako pozadí jestli to jde“ Odkazy jsem ti dal, upřesním umístění: http://en.wikipedia.org/wiki/Data_URI_scheme#CSS - příklad pro background, pod příkldem je mnou zmíněné upozornění, že data nesmí být rozdělena do řádků http://msdn.microsoft.com/en-us/library/ - na stránce jsou dva příklady, pro obrázek a pro obrázkové pozadí. http://teststranek.kvalitne.cz/obrazek-data-uri/ - v kódu stránky jsou dva obrázky a jedno obrázkové pozadí. Takže čti pozorně, dostatek informací jsi dostal.
	davidmyska Profil	#8 · Zasláno: 17. 6. 2011, 18:34:22 Odpovědět Citovat já se omlouvámmě nešli mi spustit na školním počítači ty odkazy ale doma mi to už jede a ještě bych se chtěl zeptat jak mám najít ten kód obrázku ve formě písmen a číslic já když otevřu obrázek v pspadu nebo v poznámkovém bloku tak tam je strašně mo různých znaků a i když to dám na jeden řádek tak to nejde
	okolojdouci Profil *	#9 · Zasláno: 17. 6. 2011, 18:38:10 Odpovědět Citovat davidmyska: „a ještě bych se chtěl zeptat jak mám najít ten kód obrázku ve formě písmen a číslic“ Viz #2.
	davidmyska Profil	#10 · Zasláno: 17. 6. 2011, 18:42:56 Odpovědět Citovat takže jestl ito dobře chápu tak pomocí toho php kód získám ten textový kód v písmenech a číslicích
	okolojdouci Profil *	#11 · Zasláno: 17. 6. 2011, 18:49:50 Odpovědět Citovat davidmyska: Chápeš to správně. Předpokládám, že to chceš ve finální podobě mít vypsáno v těch znacích. Ty dvě funkce ti ten řetězec vygenerují, zkopíruj ho a nahraď jím ty funkce a obrázek jako soubor už nebudeš potřebovat.
	Bubák Profil	#12 · Zasláno: 17. 6. 2011, 19:30:12 Odpovědět Citovat Pro "jednorázové" případy můžeš vyzužít nějakou online base64 konverzi, vhodné pokud nechceš nebo nemůžeš použít PHP. Vyhledané stránky jsem netestoval ani neprohlížel, ale na výběr toho jsou spousty.
		Časová prodleva: 14 let

Vaše odpověď

Mohlo by se hodit