OVH Cloud OVH Cloud

Affichage image

18 réponses
Avatar
Photo
Bonjour,

Savez-vous comment afficher une image de 800px quand on se trouve sur un
desktop et afficher une image de 200px quand on se trouve sur un mobile
? Tout cela pour pouvoir être accepté par PageSpeed Insights...

Merci.

--
http://grenault.net/accueil.htm

8 réponses

1 2
Avatar
SAM
Le 27/05/15 22:18, Jean Francois Ortolo a écrit :
Le 27/05/2015 19:12, SAM a écrit :

Je suis curieux de connaitre où ils font la distinction entre "mobile"
et "tablette"
Qu'est-ce qui, pour eux, différencie un mobile d'une tablette.

De même : tablette et PC tactile





Bonjour Monsieur

D'après l'user-agent.



Tu n'as pas compris le sens de mon propos.

De savoir comment ne me chaut guère, bien que je l’eus vu sur leur page.
(et que ... ce n'est pas trop sérieux)

De savoir que c'est un Samsung ceci ou cela plutôt qu'un Surface, un
Continental Edison ou un Lenovo, à mon niveau tout au moins, m'importe peu.
Il me faut savoir quand je dois mettre en place une politique pour :
- PC (fixe ou nomade) à écran non tactile
- écran tactile
- mobile (traduire : écran <400px ou <600 px)
- tablette (traduire : écran >600px de large)
tout en espérant que le système (Android ?) et son navigateur, ou ceux
invités, savent réagir quand on tourne l'engin en vertical ou horizontal
et choisir à la volée en conséquence la bonne règle CSS telle que par
exemple :
@media screen and (max-width: 600px) { blabla }
ou selon :
@media screen and (max-width: 1020px) { autre blabla }

La page concoctée par PHP en fonction du reniflage du navigateur ne
pourra certainement pas s'adapter à la variation de l'écran (car je
suppose qu'alors le serveur a envoyé les seules règles CSS nécessaires
et suffisantes adaptées à la situation lors de l'appel de la page)

Donc ... pour en revenir à ma question, hors les sous-sous-ensembles
d'appareils particuliers voués à une obsolescence ultra rapide (et donc
par la même dont la connaissance de leurs qques particularismes n'a
aucune espèce d’intérêt) qu'entendent-ils par :
- mobile
- tablette
???

Mais... Malheureusement, il faut parfois ( pas souvent ), mettre à
jour le soft, car de nouveaux smartphones et tablettes, apparaissent
sans crier gare.



et ???
déjà qu'on s'en fout de ceux existants ...
non ?



Cordialement,
--
Stéphane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8
Avatar
Denis Beauregard
Le Wed, 27 May 2015 23:51:25 +0200, SAM
écrivait dans
fr.comp.infosystemes.www.auteurs:

Le 27/05/15 22:18, Jean Francois Ortolo a écrit :
Le 27/05/2015 19:12, SAM a écrit :

Je suis curieux de connaitre où ils font la distinction entre "mobile"
et "tablette"
Qu'est-ce qui, pour eux, différencie un mobile d'une tablette.

De même : tablette et PC tactile





Bonjour Monsieur

D'après l'user-agent.



Tu n'as pas compris le sens de mon propos.

De savoir comment ne me chaut guère, bien que je l’eus vu sur leur page.
(et que ... ce n'est pas trop sérieux)

De savoir que c'est un Samsung ceci ou cela plutôt qu'un Surface, un
Continental Edison ou un Lenovo, à mon niveau tout au moins, m'importe peu.
Il me faut savoir quand je dois mettre en place une politique pour :
- PC (fixe ou nomade) à écran non tactile
- écran tactile
- mobile (traduire : écran <400px ou <600 px)



Le test de Google est pour un écran de 320 px de large.

Un truc intéressant ici, c'est que pour une page typique, c'est
leur bannière qui dépasse les 320 px, donc eux-mêmes ne détectent
pas la largeur quand c'est leur propre robot qui visite.

- tablette (traduire : écran >600px de large)
tout en espérant que le système (Android ?) et son navigateur, ou ceux
invités, savent réagir quand on tourne l'engin en vertical ou horizontal
et choisir à la volée en conséquence la bonne règle CSS telle que par
exemple :
@media screen and (max-width: 600px) { blabla }
ou selon :
@media screen and (max-width: 1020px) { autre blabla }

La page concoctée par PHP en fonction du reniflage du navigateur ne
pourra certainement pas s'adapter à la variation de l'écran (car je
suppose qu'alors le serveur a envoyé les seules règles CSS nécessaires
et suffisantes adaptées à la situation lors de l'appel de la page)



Par contre, ils déconseillent le css et on perd des points si une
page a du css.

Donc ... pour en revenir à ma question, hors les sous-sous-ensembles
d'appareils particuliers voués à une obsolescence ultra rapide (et donc
par la même dont la connaissance de leurs qques particularismes n'a
aucune espèce d’intérêt) qu'entendent-ils par :
- mobile
- tablette
???



Ce serait intéressant de voir quels sont les critères de
http://mobiledetect.net/ qui est une classe PHP détectant
les mobiles et tablettes.

Notez que l'agent de Google utilise iPhone. En regardant un peu
ce que j'ai en ce moment, il y a aussi ipad, android (comment
savoir si c'est mobile ou tablette ?), et tellement d'autres
qui pourraient être n'importe lequel.

Mais... Malheureusement, il faut parfois ( pas souvent ), mettre à
jour le soft, car de nouveaux smartphones et tablettes, apparaissent
sans crier gare.



et ???
déjà qu'on s'en fout de ceux existants ...
non ?



On aime tour de même avoir des visiteurs...


Denis
Avatar
Jean Francois Ortolo
Le 28/05/2015 01:06, Denis Beauregard a écrit :
Le Wed, 27 May 2015 23:51:25 +0200, SAM
écrivait dans
fr.comp.infosystemes.www.auteurs:

Ce serait intéressant de voir quels sont les critères de
http://mobiledetect.net/ qui est une classe PHP détectant
les mobiles et tablettes.

Notez que l'agent de Google utilise iPhone. En regardant un peu
ce que j'ai en ce moment, il y a aussi ipad, android (comment
savoir si c'est mobile ou tablette ?), et tellement d'autres
qui pourraient être n'importe lequel.





Bonjour Monsieur

Je détecte les visites des bots Google par leur url reverse.

Du moins par un token contenu ( théoriquement ),dans ces urls reverse.

Quels seraient les urls reverse ( approximatives ), des bots de
Google-Mobile ?

Merci beaucoup de votre réponse.

Respectueusement

Jean François Ortolo
Avatar
Denis Beauregard
Le Thu, 28 May 2015 08:43:06 +0200, Jean Francois Ortolo
écrivait dans
fr.comp.infosystemes.www.auteurs:

Le 28/05/2015 01:06, Denis Beauregard a écrit :
Le Wed, 27 May 2015 23:51:25 +0200, SAM
écrivait dans
fr.comp.infosystemes.www.auteurs:

Ce serait intéressant de voir quels sont les critères de
http://mobiledetect.net/ qui est une classe PHP détectant
les mobiles et tablettes.

Notez que l'agent de Google utilise iPhone. En regardant un peu
ce que j'ai en ce moment, il y a aussi ipad, android (comment
savoir si c'est mobile ou tablette ?), et tellement d'autres
qui pourraient être n'importe lequel.





Bonjour Monsieur

Je détecte les visites des bots Google par leur url reverse.

Du moins par un token contenu ( théoriquement ),dans ces urls reverse.

Quels seraient les urls reverse ( approximatives ), des bots de
Google-Mobile ?



Mon site contient un outil "Derniers visiteurs". Il suffit d'aller
sur le site de Google, de faire examiner une page et de regarder
la trace du visiteur.

L'agent indique qu'il est Googlebot/2.1. Ceci dit, ils doivent bien
varier un peu cet agent. Ici, il se présente comme un iPhone mais
comme Google est aussi l'auteur d'Android, ils doivent utiliser
celui-ci dans d'autres tests et Android est moins précis (iPhone,
c'est le mobile, iPad la tablette, mais Android a le même agent
dans les deux cas).


Denis
Avatar
Photo
Bonjour,

Merci pour vos réponses.

La solution est sans doute avec srcset...

--
http://grenault.net/accueil.htm
Avatar
Mac Larinett
Le 28/05/2015 16:25, Photo a écrit :

La solution est sans doute avec srcset...



ou l'élément <picture> en cours de spécification par le WC, mais en
attendant la media-query dans la CSS est le plus sûr
Avatar
fra-PasDeSp
Photo wrote:

Bonjour,

Savez-vous comment afficher une image de 800px quand on se trouve sur un
desktop et afficher une image de 200px quand on se trouve sur un mobile
? Tout cela pour pouvoir être accepté par PageSpeed Insights...

Merci.



J'ai lu ça récemment :
http://www.alsacreations.com/article/lire/1621-responsive-images-srcset.html

Par contre ça semble très "nouveau".
--
Fra
Avatar
Photo
Le 28/05/2015 21:33, Fra a écrit :
Photo wrote:

Bonjour,

Savez-vous comment afficher une image de 800px quand on se trouve sur un
desktop et afficher une image de 200px quand on se trouve sur un mobile
? Tout cela pour pouvoir être accepté par PageSpeed Insights...

Merci.



J'ai lu ça récemment :
http://www.alsacreations.com/article/lire/1621-responsive-images-srcset.html

Par contre ça semble très "nouveau".




C'est surtout pas encore reconnu par tous les navigateurs mais ça
vient... Correspond exactement à ce que je cherchais !

--
http://grenault.net/accueil.htm
1 2