Home » Posts tagged 'imagenes'

Tag Archives: imagenes

Optimiza las imágenes de tu WordPress. La velocidad de carga de tu Web depende en gran parte de ello.

La optimización de las imágenes en WordPress. Al igual que supone una pieza fundamental del contenido, también podemos afirmar que unas imágenes mal gestionadas, pueden ser un palo en las ruedas en nuestro proyecto.

¿Por qué una buena optimización de las imágenes?

Por si no eras consciente, cada vez que subes una imagen a tu web, dentro del alojamiento se crean 3 copias en 3 formatos distintos, original, medio y miniatura, es decir multiplica por 3 cada imagen que veas en tu Biblioteca de Medios.

De aquí la necesidad de tener consciencia del hecho, así como la posibilidad de paliar las consecuencias técnicas mediante soluciones viables. En el caso de las imágenes para una Web/Blog, esta solución, que no es otra que la optimización de imágenes para la ocasión, podríamos dividirlas de 3 maneras, dependiendo del momento en que se realice mencionada optimización:

  • Antes de ser subidas a la Web.
  • Durante el proceso de subida a la Web.
  • Después de haberlas subido a la Web. 

 
 Antes de ser subidas al site, es obvio, nos dirigimos a nuestro banco de imágenes favorito, seleccionamos las que se ajustan a nuestro tema y obtenemos un resultado muy profesional, con un coste razonable, como ejemplos: 
 
 
 Durante la subida a nuestro sitio, el programa más usado por los profesionales y semiprofesionales, sin duda es Photoshop, las opciones que te da el prestigioso programa de Adobe son infinitas, pero no todo el mundo tiene formación, tiempo y dinero (es de pago) para hacer un uso preciso de sus grandes virtudes.
 
Existen programas en línea, capaces de optimizar fotos rápidamente, con buenos resultados, gratuitamente, en formato freemiun y todas ellas con su versión, Pro. He sondeado distintos bloguer@s, para después hacer un banco de pruebas con sus recomendaciones y las aplicaciones más destacadas son:
 

Concretamente en las dos últimas TinyPng y Compressor.io, la segunda parte con algo de ventaja en las valoraciones, sin embargo y tras varias pruebas de optimización ambas en su versión gratuita, han dado la misma calidad y TinyPng, cuenta con la ventaja de realizar conversiones en grupo de fotos, algo realmente interesante, en cuanto a productividad.

Optimización de fotos.
Fig.1.

He realizado un pequeño collage con la captura de pantalla de ambas aplicaciones, primero capturé TinyPng, optimizándola y la pasé por Compressor.io, dando como resultado una imagen con el mismo peso/calidad. Podéis observar en la figura 1 la posibilidad de guardar el resultado en una carpeta de vuestro PC, almacenarlo en Dropbox o Drive, compartir en Redes Sociales, etc. En ambas las opciones son idénticas.

 Por último pasamos a; qué hacer si desconocíamos todo lo repasado hasta el momento, no sabíamos que los motores de búsqueda posicionan mal a las Web´s lentas y pesadas, consecuencia sin ecuanum de tener nuestro Blog/Web, hasta arriba de contenido gráfico y sin optimizar. No te preocupes la tercera opción está por llegar.

Después de haber subido las fotografías (Tras instalar este Plugins, también resolverás el Durante) WP Smush, optimizará el contenido de la Biblioteca de Medios, pudiendo optar por su versión gratuita, donde optimizaras 50 imágenes por cada clic aplicado en su dashboard, todo de una sola tacada, si optamos por la versión de paso por caja, además de contar con más capacidad de optimización.

WP smush
Fig.2

La optimización Final.

Evaluando la entrada, creo que me ha quedado unas recomendaciones, sencillas a la par que eficaces, no me he dejado llevar por mis preferencias personales, haciendo pruebas objetivas de las aplicaciones, que son equilibradas, de buena calidad y reputada solvencia. Como consideración de cierre, aconsejo (Y este tema da para otra publicación) instalar el plugins, WP Super Cache, muy justificada por la estrecha conexión del tema, implícito en la velocidad de carga de nuestro contenido y peso de nuestros datos de transferencia. Os invito a Compartir mi post si decides que lo merece, de ser así, sabes que para ti resulta totalmente ¡Gratis!

Joaquín Aguilar.

Cómo compartir un archivo PDF en tu Web. La opción de compartir archivos PDF en un Blog o Web es una herramienta sencilla pero muy usada.

Cómo compartir un archivo PDF en tu Web.  Si ya tienes un bagaje de publicaciones a tus espaldas, seguramente te habrá surgido la necesidad de compartir, algún documento, publicación o estudio, con tus seguidores, para este menester es muy interesante realizarlo en formato PDF, es rápido, comprensible por la inmensa mayoría de los usuarios y poco pesado para tu sistema. Si te parece los vamos viendo poco a poco:

 

Compartir un PDF

La opción de compartir archivos PDF en un Blog o Web es una herramienta sencilla pero muy usada.

Lógicamente primero debemos tener ese documento, publicación, tratado o estudio en el formato adecuado, PDF, una vez lo principal está, lo siguiente resulta bastante sencillo de realizar:

  • Añadir a Medios un nuevo archivo.  Añadir PDF
  • Copiar la URL del archivo en concreto, dentro de la biblioteca de medios. añadir PDF
  • Finalmente asociar el archivo, con un link (enlace) en una imagen, icono o línea de texto.

añadir PDF

La ejecución del método no necesita de más, para realizar la práctica, optaremos por convertir este post completo en PDFpara después asimilarlo con una línea de texto, del propio articulo. Para ir un poco más allá, podemos usar un plugins, Google Doc Embedder,  que permite incrustar varios tipos de archivos en páginas de WordPress utilizando el Visor gratuito de Google Docs, lo que permite la visualización en línea (y la descarga opcional) de una amplia gama de tipos de archivos populares, sin necesidad de complementos Flash o PDF. 

Y si lo prefieres, esta es otra opción.

Es un servicio similar a  Scribd, pero Google Docs Embedder te permitirá insertar estos archivos directamente en su página o publicación, sin requerir que  el usuario tenga Microsoft Word, Adobe Reader, PowerPoint u otro software instalado para ver los contenidos, A diferencia de Scribd, que para visualizar los archivos sí serian requeridos. Tampoco es imprescindible cargarlo primero en ningún servicio, como por ejemplo, Google Docs, aunque se puede hacer, vale con cualquier lugar accesible al público en tu propio sitio Web.


*Todos los productos Hostinet contienen un cupón promocional de descuento directo, cortesía de Tomatrending.com

Estas dos fórmulas te permitirán adaptar el proceso a tus necesidades, una muy fácil, sin necesidad de instalar absolutamente nada, otra desde un plugin, pero igualmente sencillo. Nada más por hoy, espero que te parezca de utilidad, si es así, no dudes en compartirlo, es una forma gratuita de ayudar a los demás.

Joaquín Aguilar.

 

 

Creando una galería de imagenes para WordPress. Cómo conseguir una presentación de imagenes para una página o una entrada en tu web.

Creando una galería de imagenes para WordPress.  Lo primero que me gustaría aclarar es, ¿Para qué necesitamos una galería de imágenes en una publicación? Bien, la respuesta resulta sumamente sencilla, según el tipo de imágenes a publicar, en muchas ocasiones no tienen la resolución, el tamaño, en resumen, la calidad con la que quisiéramos que nuestros clientes vieran las mismas, por consiguiente, ello representa un deterioro de nuestra propia solvencia y reputación, con esto, he instalando un plugins llamado, Enviria Gallery Lite, aunque existen otros similares, resolveremos, todas estas carencias, ofreciendo en nuestro sitio imágenes detalladas y de calidad.

Instalando Enviria gallery lite.

El pase de diapositivas requiere JavaScript.

Tan sólo a primera vista podemos comprobar la valoración altísima que atesora esta API, con más de 90.000 instalaciones activas y con una actualización en el momento de este post de tan solo 2 semanas. Cuenta con una versión de pago por si eres profesional del ramo y estás interesado en marcar la diferencia con las optimizaciones de las imágenes a cualquier nivel, desde mobile friendly, pasando por SEO y terminando por redes sociales.

Vamos al menú de escritorio, Plugins >> Añadir nuevo >> Envira Gallery Lite >> Instalar >> Activar.

¡ya esta instalada y activada, usémosla!

En el menú del panel de control nos vamos a:  Envira Gallery >> Add new >> Damos nombre a la galería >> Seleccionamos la fuente de precedencia de las imágenes.

Instalación de Envira Gallery Lite.
Fig.2

La versión Free totalmente operativa.

Con anterioridad hablamos sobre la versión de pago de la aplicación,  así pues tiene un montón de configuraciones y  usos que sólo están disponibles pasando por caja, pero la funcionalidad básica es operativa 100%. Por tanto vamos al apartado Images.

Configurando Envira Gallery Lite.
Fig.3

Disponible una versión de pago.

Iremos participando de las imágenes que compondrán en su conjunto la galería, rellenando todos los datos necesarios para hacer un buen SEO.

Seleccionando imagenes en Envira Gallery Lite.
Fig.4

Repasando las imágenes.

Una vez marcadas, tendremos oportunidad de mandar a la papelera caso de error en la selección o editarlas.

Editando imagenes con Envira Gallery Lite
Fig.5

Envira gallery genera un código corto.

 

Codigos generados por Envira gallery Lite.
Fig.6

Con la edición realizada, con lo típico, título de la imagen, etiquetas, Alt., Descripción, etc. El programa nos genera un código corto, para introducir en la entrada que nos convenga.

También genera unas etiquetas que puedes guardar y utilizar cuando la galería sea publicada, también está relacionado directamente con el objetivo de conseguir un buen posicionamiento natural.

Por último, si la galería hubiese sido creada para complementar un post, por ejemplo, aunque una galería en sí mismo puede constituir una entrada o página, si pegamos en la publicación, el código del que anteriormente hemos hecho mención o seleccionamos la caja que contiene el nombre que previamente le dimos a la galería, como señala la Fig. 7, bajo estas líneas, tendremos.

Todo lo tenemos en una caja.
Selecionando galeria creada con Envira Gallery Lite.
Fig.7

La presentación final de la galería.

En el mismo formato que pudiera ser la aplicación fotos de Windows 10, por ejemplo, pulsaldo las flechas laterales van circulando las vistas y dando a la «x» o escape, se cierra.

Presentación final con Envira Gallery Lite.
Fig.8

Hasta aquí cómo y para qué crear una galería de imágenes, con ejemplos sencillos de comprender, ahora sólo queda que pongas en marcha tus conocimientos y realices una buena adecuación de lo aprendido, si te ha gustado, lo de siempre, compártelo.

Joaquín Aguilar.

Calendario de pubicaciones.

diciembre 2019
L M X J V S D
« Nov    
 1
2345678
9101112131415
16171819202122
23242526272829
3031  

Últimas Noticias

Aquí También

Facebook51k
Facebook
Pinterest18k
Instagram27k

Bloguers

bloguers_rc1
Translate »
Social Share Buttons and Icons powered by Ultimatelysocial
error

Enjoy this blog? Please spread the word :)