Mostrar la capacidad el elemento "picture" no es fácil, ya que adecua la imagen al dispositivo que estemos utilizando. 

Pero podemos emplear algunos trucos para comprobar el poder del elemento "picture".

Si utilizamos los navegadores Chrome o Firefox, podemos pulsar la tecla F12 y entrar en el modo de desarrollo. Desde ahí podremos visualizar los contenidos en diferentes tamaños.

O simplemente, podemos hacer más pequeña la ventana de nuestro navegador y comprobar cómo el camaleón se va adaptando :)

imgtopicture big

0
0
social2s_class
0
s2smodern
0

1.2.1
full image change 3.4.3

1.2.0 released

prevent nginx+sef error

1.1.0 
added width and height

1.0.0 
-support com_content.category
-support mod_custom

0.9.0 
bugfix

0.8.0 
bugfix

0.7.0 

generate default image
+if image is bigger than predefined number: scale as original
exclude images with class "noitp" from articles content
exclude include mechanism
*check image changes size based

0.6.0 
exclude include

0.5.0 
minimun width per image (article, full or intro)

0.4.0 
full image and introimage support
minimun image width to imgtopicture to act
basic configuration

0.3.0 
better behavior on sources and optimize

0.2.0 
format internal values and set up

0.1.0 
Initial foundation of imgTOpicture plugin

 

Hey! This package is FREE!
 Write a review in JED
and make us happy 

0
0
social2s_class
0
s2smodern

imgtopicture big

imgtopicture es un plugin de joomla 3.x para convertir tus imágenes en el nuevo elemento inteligente para imágenes de html5 picture. Bienvenidos a las imágenes adaptables!

¿Y qué hace picture? El elemento picture tiene la habilidad de mostrar diferentes versiones de las imágenes en función del tamaño del dispositivo que este mostrando la web.  Puedes acceder a más información  en html.spec.whatwg.org

De esta manera, se ahorra en ancho de banda y se mejora la velocidad (y por lo tanto, mejora el SEO).

imgtopicture generará de forma automática las diferentes versiones de las imágenes y las guardará en la caché para no tener que generarlas una y otra vez. 

Navegadores

El elemento picture suena muy bien... pero, ¿qué pasa si mi navegador es un poco antiguo, o peor!, es Internet Explorer?
Si tu navegador no soporta el elemento picture, mostrará una imagen como hasta ahora. Eso sí, no estará optimizada :)

Por ahora, los navegadores que soportan picture son:

Chrome: v39+

Firefox: v38+

Opera: v30+

Android browser: v40+

Chrome for Android: v42+

Funcionalidades

   Funcionalidades  FREE   PRO 
  Mobile    
Tablet  
Desktop
Tv (or big screen)
Custom sizes
Article content images
Full article image
Intro article image
Optimize default image
Include/exclude categories
Include/exclude articles
Retina support (in development)
Php ImageMagick
Precio GRATIS!  sólo 29,00€
    Descargar Comprar

Hey! This package is FREE!
 Write a review in JED
and make us happy 

0
0
social2s_class
0
s2smodern