Téléchargement
illégal
Posez votre question Signaler

Prob.taille image blogspot [Résolu]

Gorilla - Dernière réponse le 11 déc. 2010 à 01:43
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 !
Lire la suite 

Prob.taille image blogspot »

17 réponses
Réponse
+12
moins plus
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é
Snowhite.Flake - 16 juil. 2009 à 18:46
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 ...
LECURSOR - 30 sept. 2009 à 04:02
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 ??
Ajouter un commentaire
Réponse
+1
moins plus
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 ?
Ajouter un commentaire
Réponse
+1
moins plus
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 ! ><
Ajouter un commentaire
Réponse
+1
moins plus
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...
didier - 11 déc. 2008 à 21:51
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é.
Ajouter un commentaire
Réponse
+1
moins plus
Merci Didier pour ton aide.
Et désolée bg62, c'est une question de paresse...

@+
Ajouter un commentaire
Réponse
+1
moins plus
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.
Estelle - 18 mars 2009 à 12:54
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 !
sokebana- 8 avril 2009 à 22:19
je cherche exactement la meme chose et ne trouve pas le fameux s400

par avance merci de votre aide
grelo - 11 juin 2010 à 22:41
Bonjour,
j'ai le même problème, mes photos sont devenues toues floues après les avoir agrandi à leurs taille originales alors qu'elles sont nette à la base. J'ai trouver que s1600 et j'ai beau essayer de le changer rien n'y fait. Pouvez vous m'aidez ?
Ajouter un commentaire
Réponse
+1
moins plus
Bonjour,

Pour modifier la taille des images dans blogspot pour les adapter à la largeur de vos posts ou bien à une largeur que vous désirez et non disponible dans blogspot, en effet, il faut changer les longeurs et largeurs dans le code html. Cependant il faut aussi changer la résolution.

Tout d'abord, charger son image avec l'outil "charger une image". Ensuite, changer la taille de l'image avec leur système intégrer et passer la taille à grand. En passant la taille à grand, blogspot fait apparaître dans son code html la résolution. Pourquoi pas sur les autres formats je n'en sais rien...

Aller sur le html pour changer le code.

Augmenter la hauteur (height) et la largeur (width) dans le même rapport d'augmentation bien entendu. Changer également la résolution.

Pour l'exemple ci-dessous, j'ai augmenter mon image par un rapport X1.25.

J'ai passé
- ma hauteur de 267 à 371
- ma largeur de 400 à 500
- ma résolution de s400 à s640

C'est la deuxième résolution qu'il faut changer, celle qui est à s400 originalement. Vous pouvez la passer à s640 ou à s800.

<a href="http://1.bp.blogspot.com/..." imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="371" qu="true" src="http://1.bp.blogspot.com/..." width="500" /></a></div>

En espérant avoir été assez claire pour vous avoir aidé.

http://aliceetpeterpunk.blogspot.com/
Ajouter un commentaire
Réponse
+1
moins plus
Merci beaucoup Guijoli!!
Ajouter un commentaire
Réponse
+0
moins plus
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ù. ;-)
Ajouter un commentaire
Réponse
+0
moins plus
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
Ajouter un commentaire
Réponse
+0
moins plus
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
Ajouter un commentaire
Ce document intitulé « Prob.taille image blogspot » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?