Rechercher : dans
Par :

Prob.taille image blogspot

Dernière réponse le 30 sep 2009 à 05:21:37 Gorilla, le 31 oct 2008 à 20:17:05 
 Signaler ce message aux modérateurs

Bonjour à tous,

J'aimerais modifier la taille de certaines images de mon blogspot mais après avoir cherché partout sur le web et fait différents essais, je n'arrive pas à trouver la solution...

Voici que je voudrais faire : C'est, à partir de très grandes images stockées sur mon ordi, pouvoir poster des images qui prennent à l'affichage la largeur disponible des posts (ou une largeur plus petite) et où l'on puisse cliquer dessus ensuite pour avoir la taille réelle (très grande)

Lorsque je poste une image de mon ordi en choisissant dans le module de blogger "grande taille", voilà ce que j'ai :

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/..."><img style="cursor: pointer; width: 400px; height: 351px;" src="http://3.bp.blogspot.com/..." alt="" id="BLOGGER_PHOTO_ID_5263374397884432866" border="0" /></a>

Ce module semble être paramétré pour un maximum de 400x351 (ce qui est beaucoup plus petit que la largeur disponible dans mes posts) mais c'est ce qui me convient pour la majorité de mes images. Mais : je voudrais pouvoir modifier cette taille quand j'en ai besoin, pour certaines images (au cas par cas).

J'ai fait différents essais. En changeant le html de cette image et en mettant : width: 100%; height: 100%, c'est très bien car l'image prend toute la largeur dispo du post. Problème : ça a agrandi l'image à partir du 400x351 ce qui fait que l'image est floue. Alors qu'elle aurait été nette si ça avait fait du 100% en diminuant l'image d'origine, très grande. J'ai aussi essayé de mettre des pixels plus grands que 400x351 et, même problème : c'est flou.

J'ai regardé dans le modèle html du blog. Il n'est écrit nulle part ni 400 ni 351. Dans la section POST, j'ai :

}
.post img {
padding: 10px;
border: 0px solid $borderColor;
}

Je copie cette info au cas où vous en auriez besoin mais je me demande si c'est nécessaire car je ne veux pas modifier le modèle html du blog ni les paramètres par défaut du module pour poster des images, 2 choses qui me conviennent très bien pour la majorité de mes posts, mais je voudrais juste pouvoir, pour certaines images, en poster des plus grandes que du 400x351 sans qu'elles soient floues (donc diminuées à partir de l'image d'origine très grande et l'on puisse ensuite cliquer dessus pour la voir dans sa taille d'origine).

J'espère que quelqu'un pourra m'aider... Merci !

Configuration: Windows XP
Firefox 3.0.3

Meilleures réponses pour « Prob.taille image blogspot » dans :
[Webmaster] Afficher une image de grande taille VoirPour la plupart des internautes, afficher une image de grande taille dans une page web est trop lourd. Zoomify est un petit programme Flash qui permet de rendre une image zoomable et navigable, et chargeant l'image par morceau selon le...
Diminuer la taille d'une image VoirSi vous trouvez que vos photos sont trop grosses ou trop lourdes (par exemple pour envoyer par mail ou pour publier sur une page web), voici 4 étapes pour diminuer la taille des fichiers: Étape 1 (optionnel !) : Passer GREYCStoration sur...
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...
Infographie VoirOn appelle infographie le domaine de l'informatique concernant la création et la manipulation des images numériques. L'infographie regroupe de nombreux savoirs, parmi lesquels la représentation des éléments graphiques (texte, image ou vidéo), ainsi...

1

Gorilla, le 3 nov 2008 à 08:17:32
  • +1

Un petit up... pour une petite aide au sujet de ce que je pourrais mettre dans le code html de mon image pour que blogger la diminue à partir de l'originale...

une idée ?

Répondre à Gorilla

2

ANONYME, le 20 nov 2008 à 10:01:45
  • +1

Bonjour ! J'ai exactement le même problème ... :/
Mais je vois que personne n'a pu t'aider pour ce point ;o


En tout cas, j'espere que quelqun pourra nous aider TT
Mais j'ai déjà vu des blogs ou ils peuvent le faire ! ><

Répondre à ANONYME

3

Gorilla, le 26 nov 2008 à 11:12:40

Ouf, tu me rassures, je croyais ne pas avoir été claire ou être la seule à avoir ce problème lol, mais ne désespérons pas, on finira bien par trouver l'info quelque part ou il y a bien quelqu'un qui finira par venir ici nous aider en nous donnant les petits mots magiques à insérer dans notre html ou je ne sais où. ;-)

Répondre à Gorilla

4

Gorilla, le 26 nov 2008 à 11:30:48
  • +1

Tu es aussi limitée au maximum à 400x351 pixels maxi avec le module de blogspot pour poster des images ?

Moi pour le moment, j'utilise 2 solutions de rechange (pas pratiques du tout):
- soit je mets directement le lien de l'image qui est hébergée sur un site extérieur et là, cette image apparait bien en grand format (supérieur à ce 400x351) - mais ça ne m'arrange pas car il parait que ça prend de la bande sur le serveur du site d'où vient l'image et qu'en plus il faut que cette image soit pile de la bonne taille pour mon blog...
- soit alors j'héberge l'image chez imageshack, là aussi elle passe bien en grand format - mais ça ne m'arrange pas non plus car j'ai déjà remarqué, par hasard! en repassant sur d'anciens articles, que des images avaient disparu...

J'espère qu'on nous aidera à solutionner notre petit problème...

Répondre à Gorilla

5

didier, le 11 déc 2008 à 21:51:48
  • +1

Bonsoir. J'avais le même soucis, et je l'ai résolu en utilisant Windows Live Writer (gratuit, et très simple d'utilisation), qui permet d'insérer les photos à la taille désirée, sans perdre en netteté.

Répondre à didier

6

bg62, le 12 déc 2008 à 11:34:14

Bonjour
... allez .. je "repique ma crise" :
ce forum est un forum d'entraide, l'inscription y est gratuite, alors pourquoi rester 'anonyme' ?
cela ne coûte rien de s'inscrire, et c'est beaucoup plus sympa vis-à-vis de ceux qui voudront vous aider ...
@+
b g
le 'www' est fait aussi pour communiquer, partager et échanger, non ?

Répondre à bg62

7

Gorilla, le 17 déc 2008 à 23:00:47

Merci Didier pour ton aide.
Et désolée bg62, c'est une question de paresse...

@+

Répondre à Gorilla

8

Lucile, le 29 déc 2008 à 18:01:23

Salut !
J'ai exactement le même problème. En effet, j'ai essayé d'agrandir les images postées lors de la rédaction du message : je passe en modification du code HTML afin de changer les paramètres de la photos, d'augmenter les pixels. Résultat, l'image est bien agrandie mais elle est toute floue alors qu'à l'origine est de très bonne qualité.
J'espère trouver un autre moyen que de passer par l'intermédiaire d'hébergeur d'images, mais je crains que ce ne soit dur !

Bonne continuation.

Répondre à Lucile

9

Estelle, le 18 mar 2009 à 12:54:11

Dans modification du code HTML, il faut non seulement changer la taille des images "width" et "height" mais aussi la qualité : il y a un endroit où il y a marqué /s400/, il faut le remplacer par /s800/. Faites-le pour chaque image et c'est bon !

Répondre à Estelle

10

sokebana, le 8 avr 2009 à 22:19:55

Je cherche exactement la meme chose et ne trouve pas le fameux s400

par avance merci de votre aide

Répondre à sokebana

11

Guijoli, le 29 jun 2009 à 23:16:02
  • +1

Si ça intéresse quelqu'un,
voilà comment mettre les photos à la taille que vous désirez sur blogspot.


• Tout d'abord, il faut bien changer le width (largeur) et le height (hauteur) dans le code HTML de votre image.
Le problème étant que Blogger met automatiquement votre aperçu d'image à 400 pixels de large.
Comme ceci:
<img src="http://i50.photobucket.com/albums/f311/guillaumejolly/Image6.png"/>

• Dans le code HTML, mettons le width à 800, soit deux fois plus grand que l'aperçu habituel,
par exemple, dans mon code la hauteur de l'image est de 271 pixels, je mets donc le height à 542.
- Voilà le code original non modifié:
<img src="http://i50.photobucket.com/albums/f311/guillaumejolly/400x271.jpg"/>

• Il reste à changer une chose dans le code HTML de l'image.
Si vous regardez dans le premier code de l'image jpg, il est écrit s1600, cela veut dire que votre image ne peut pas dépasser les 1600 pixels en mode plein écran, puis regardez dans le code de limage qui sert d'aperçu, il est écrit s400, changez le pour s800.
- Voilà le code une fois changé:
<img src="http://i50.photobucket.com/albums/f311/guillaumejolly/800x542.jpg"/>

• Mais il reste un problème, l'image est bien deux fois plus grande mais elle est coupée car la zone délimitée par Blogger est de 410 pixels.
- Voilà ce que ça donne:
<img src="http://i50.photobucket.com/albums/f311/guillaumejolly/Image7.png"/>

• Enregistrez, et allez dans le menu Mise en Page > Modifier le code HTML.
Cette dernière étape vous permet de modifier la taille de la zone visible fixée par Blogger à 410 pixels de large.
Descendez jusqu'à ce que vous voyez apparaître le code suivant:
/* Outer-Wrapper
----------------------------------------------- */

Voilà ce que vous allez voir:
<img src="http://i50.photobucket.com/albums/f311/guillaumejolly/410.jpg"/>

Changez le width (largeur) du main wrapper (zone principale) à 800 pixels au lieu de 410.
Comme ceci:
<img src="http://i50.photobucket.com/albums/f311/guillaumejolly/800.jpg"/>

La photo apparaît donc désormais sur votre blogspot en grand.
http://guillaumejolly.blogspot.com/2009/05/back-in-ussr-800-px.html


--- ATTENTION ---
Mais il reste un problème, la barre de droite où se situe les dates, les noms et les liens passent dessous!!

--- QUESTION ---
N'étant pas du tout un pro du HTML. À mon tour de poser une question :D
Il y a t il un moyen pour que la barre de menu reste à droite ?

Désolé... héhé

Répondre à Guijoli

12

Snowhite.Flake, le 16 jui 2009 à 18:46:26

Je ne suis pas du tout une pro du html mais en bidouillant il me semble avoir trouver une solution ...
En fait il faut agrandir le cadre général qui englobe les articles et la barre de droite :
Ce cadre en html est nommé "outer-wrapper" (juste au dessus de main-wrapper), en l'ajustant à "width: 1100px;" il ya a apparement la place pour laisser apparaitre des articles contenant des photos à 800px ainsi que la barre de droite ...

Je ne garantie rien mais cela à l'air de fonctionner sur mon blog en tout cas !
Merci pour l'aide et bon courage pour ceux qui galèrent encore ...

Répondre à Snowhite.Flake

18

 LECURSOR, le 30 sep 2009 à 04:02:46

Bonjour !

Merci beaucoup pour cette aide précieuse,

Mon problème est que je commence à saturer de devoir faire ça à chaque post, est-il possible de changer les paramètre par défaut dans le code html du blog ??

Répondre à LECURSOR

13

Alice Et Peter Punk, le 31 aoû 2009 à 08:09:56

Merci à vos explications à tous.

Je viens de faire quelques essais sur mon blogspot et ai pu effectivement changer la taille de mes images.
Dans l'image, j'ai changé selon vos conseils en multipliant les largeurs et longueurs par 2, passant ainsi de 266 à 532 et de 400 à 800, ainsi que la résolution S400 à S800.

Il restait un problème. Mes images format paysage étaient rognées sur le côté droit. J'ai essayé les quelques ajustement que vous proposiez mais mes images restaient toujours rognées.

J'ai donc changé le "outer-wrapper" pour 1200 pixels et le main-wrapper pour 900 pixels. Le blog ainsi que la barre de menu de droite tienne sur la même largeur.
http://www.aliceetpeterpunk.blogspot.com/

En revanche, je n'arrive pas à trouver le truc pour mettre deux ou trois images les unes à côté des autres... En effet, je tiens à garder certaines de mes images qui ne sont que du pur reportage au format initial de 400 pixels et les mettre les unes à côté des autres. Je ne sais malheureusement pas quelle partie du code retoucher...

Aidez-moi s'il-vous-plaît !!! V_V

Répondre à Alice Et Peter Punk