Entradas

Mostrando las entradas etiquetadas como imágenes

Crea un buscador de imágenes (json) con Fuse.js - para principiantes

Imagen
Este buscador está basado en Fuse.js  el cual es un poco complicado de entender si eres principiante, así que vamos a agregar el ejemplo completo para que funcione si o si a la primera. Así que solo deberás copiar este código en un archivo html, puedes llamarlo como desees. Ver demo <!doctype html> <html lang="es"> <head> <title>Buscar imágenes</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous"> </head> <body> <body class="bg-light"> <nav class="navbar navbar-dark bg-success"> <div class="container-fluid"> <a class="navbar

Transformaciones para fotos en blogger(blogspot)

Imagen
 Los efectos en fotos en las CMS normalmente son agregados con otros servicios externos de procesamiento de imágenes como Cloudinary  entre otros. Sin embargo Blogger.com está agregando algunos efectos de recorte al hosting propio de imágenes: Veamos algunos ejemplos: Tamaño original de 4032 × 3024 <img src="https://1.bp.blogspot.com/-BGcLIyu3IIA/YH36arpE9aI/AAAAAAAADew/PaC_ih5LgZgx58LaBtrs5TffXlSRRFpswCLcBGAsYHQ/s16000/deperu-com-dclGBWd-2nU-unsplash.jpg" /> Ahora vamos a recortar a FullHD <img src="https://1.bp.blogspot.com/-BGcLIyu3IIA/YH36arpE9aI/AAAAAAAADew/PaC_ih5LgZgx58LaBtrs5TffXlSRRFpswCLcBGAsYHQ/w1920-h1080-p-k-no-nu/deperu-com-dclGBWd-2nU-unsplash.jpg" /> Ahora vamos a recortar a una franja horizontal <img src="https://1.bp.blogspot.com/-BGcLIyu3IIA/YH36arpE9aI/AAAAAAAADew/PaC_ih5LgZgx58LaBtrs5TffXlSRRFpswCLcBGAsYHQ/w1920-h480-p-k-no-nu/deperu-com

Error común al agregar imágenes en tus publicaciones

Imagen
Muchos webmasters que empiezan en este trabajo de internet ya sea con un blog o un sitio propio cometen el error que nosotros cometimos al inicio y es no reducir el tamaño de archivo de las imágenes. Normalmente para una bitácora o cualquier página web no se necesita imágenes grandes debido que estas sirven de referencia gráfica para algún artículo o adornar columnas, cabeceras o pie de página. Lo ideal es usar el tamaño de imagen que necesitas, si vas a postear un artículo y necesitas una imagen de 300x200 pixeles debes reducir la imagen en un programa editor de fotos y luego subirlo. Si es imagen propia ponle un sello de agua (efecto) porque así como tu tomas imágenes de otros sitios web, otros webmaster lo harán del tuyo, pero sólo se coloca tu crédito si las fotos son propias. ¿Y POR QUE ES TAN IMPORTANTE REDUCIR LAS FOTOS? Si usas fotos sólo redimensionadas visualmente y no reducidas en archivo, tus páginas serán más lentas al cargar, seguramente ya lo habrás comproba