logo El diario de Pepe Molina (Caricatos)

yo

Seguimos tratando sobre imágenes, pero en este caso sin necesidad de que existan físicamente, sino insertando directamente el contenido en una etiqueta html o svg.


Última caricatura

IV Asamblea de la AEC: IV Asamblea General de la Asociación Española de Caricaturistas

IV Asamblea de la AEC

RSS de las imágenes: rss


La Cita

Los hombres tardan más en reconocer las bendiciones que las desgracias

Titus Livius, autor e historiador romano (59 AC-17 DC).


En esta zona están las páginas personales del autor.


Mis clientes ahora también son mis amigos (aunque les cobre).


En Mis amigos Informáticos hay una pequeña colección de páginas de colegas webmasters..


En Mis amigos artistas podemos encontrar artistas de cualquier índole (dibujantes, pintores, escritores...)


Las recomendaciones que proponemos son de índole variada.


Aquí un cajón de sastre de enlaces.


Nos referencian desde sitios de toda índole.


Puede contribuir a mantener esta página con su donativo.


botón pay-pal

Imágenes embebidas

emoticón de Caricatos Publicado el día 09 de abril de 2013
id=119; categorías: Vicisitudes de un Webmaster

Seguimos tratando sobre imágenes, pero en este caso sin necesidad de que existan físicamente, sino insertando directamente el contenido en una etiqueta html o svg.

La imagen que acompaña estos párrafos se encuentra en una etiqueta "img" del lenguaje html, pero también es posible usar otras etiquetas como ya hemos visto para imágenes svg en el apunte Rotando imágenes con svg (donde nos olvidamos de citar la etiqueta embed, que si bien está desaconsejado su uso, es reconocida por los navegadores). Por cierto, hemos modificado el código fuente para embeber la imagen al igual que en este mismo apunte.

El código

Sólo cuatro (4) líneas de código en el lenguaje php:

	$url = "http://www.pepemolina.com/logo.png";
	$datos_imagen = getImageSize($url);
	$mime = $datos_imagen["mime"];
	$contenido = base64_encode(file_get_contents($url));

Y de esas pocas líneas, podemos omitir tres (3), ya que sabemos el valor correspondiente a la variable $mime. En la página quedaría así:

<img src="data:<?=$mime;?>;base64,<?=$contenido; ?>"/>

Para obtener el código de cualquier imagen, basta con usar su propia url, o crear una aplicación que permita seleccionar la imagen.

El recurso

Para crear el recursos que permita obtener el código para insertar cualquier imagen basta con un pequeño formulario para rellenar con la url de la imagen y asignársela a la variable $url, y un control (textarea) para mostrar el código resultante.

Al igual que otros recursos que hemos compartido, hemos creado un fichero con extensión "txt": imagen_data.txt, y desde otro fichero php lo incluímos para su uso: imagen_data.php.

También podemos embeber imagenes svg como la que tenemos a continuación, aunque existiendo la posibilidad de usar directamente una etiqueta svg en la página, no tiene mucho sentido.

Antes de usar este recurso debemos pensar si nos será de utilidad, ya que puede incrementar el peso de la imagen innecesariamente, aunque a la vez evitaremos problemas con las imágenes que tengan una ubicación provisional.

Zona de comentarios

Este apunte aún no tiene comentarios.

Evaluación

Valoración de esta página: (apunte.119) valor

Valoración evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar

Respuesta: Zona de mensajes (proceso de evaluación)

Historial de navegación

Esta página ha sido visitada en 4546 ocasiones


Disponemos de rss sindicar

Y del Mapa del sitio, además del sitemap.xml.


Aquí podemos encontrar los apuntes más visitados.

"Top 10" reemplaza a la sección Últimos apuntes.


Una buena forma de buscar un apunte es a partir de su categoría.


También es posible buscar apuntes por medio de las etiquetas (tags).


Hemos decidido poner al alcance de todos algunos comodines.

Adjuntamos una versión reducida del "buscador interno" que vemos en la lista anterior:

Buscar en apuntes

También estamos recopilando antiguas páginas del sitio.


Desde este recuadro se puede hacer una búsqueda cronológica.


Se puede crear una postal nueva desde el enlace del sector "Otras páginas del dominio", o editar la que sale en el recuadro, pulsando sobre ella..

http://www.pepemolina.com/postales/Fondos/FONDO009.gif
http://www.pepemolina.com/postales/Musicales/jflamen8.gif
http://www.pepemolina.com/postales/Brujas/bruja12.gif
http://www.pepemolina.com/postales/Comic/erotico029.gif
Las amigas de
Las amigas de
Caricatos
Caricatos
enlace a la postal
Copyright © 2002-2018 www.pepemolina.com
RSS rss | Ver Mapa del sitio