Des trucs et des astuces

Alors amusons -nous ;)

03 mai 2008

Mettre une photo grand format

Par défaut, Canalblog redimensionne les photos à la taille maxi de 800 px (hauteur ou largeur). lorsque qu'une photo est plus grande ça pose quelques problèmes.

Comment faire?

dans un premier temps insérer la photo comme si c'était un fichier
loadfichier 

ce qui donne la vue du nom du fichier  IMG_0406 mais pas de l'image. Cependant elle est bien sauvegardée dans ses dimensions d'origines ;) donc le p'tit truc pour afficher la photo:

à ce stade il faut passer en mode HTML et modifier les balises - rappel le fichier s'appelle IMG_0406

nom_du_fichier

Mais, ce n'est pas tout, cerise sur le gâteau, Ajouter juste après l'adresse url (src="..." ) un style de la largeur à 100% : style="width: 100%" ainsi la photo sera toujours de la largeur du blog, quelque soit la résolution, plus de partie de photo qui est coupée :)


Commentaires

    Ca ne fonctionne pas chez moi, apres avoir suivi a la perfection tes informations. t'as pas une petite idée de" pourquoi je foire"?

    Posté par Matthias, 06 mai 2008 à 17:57
  • superbe

    juste un petit mot pour te dire que ta bannière est vraiment originale et ta pendule superbe.
    Pour tes explications, c'est vraiment génial ce que tu fais, même si mon petit cerveau de quinquagénaire a du mal à capter, mais je désespère pas, j'essayerai un jour
    [Bouquet]

    Posté par Marie-ange, 11 mai 2008 à 09:29
  • bonjour Alerion

    bonjour,
    d'abord bravo pour toutes ces astuces !!

    je suis kris le rouge du forum de canalblog, j'espére que tu pourras me venir en aide pour mon probléme de bout de code inséré dans le titre !

    merci d'avance !
    Kris

    Posté par krislerouge, 17 juin 2008 à 22:15
  • CONSEIL

    j' ai réussi à mettre la photo plus grande mais elle est tronquée, je ne comprends pas Où trouver L'URL pour mettre le style width 100%. c'est idiot. merci pour la réponse

    Posté par daniello, 17 novembre 2008 à 17:33
  • ha oui, autant pour moi, c'est vrai que je ne précise pas où:
    alors le width="100%" en fait c'est dans [G[Size='12pt':]:]<img scr="urldelimage.jpg" />[/Size][/G] qu'il faut insérer le style, ce qui donnerait:
    [G[Size='12pt':]:]<img scr="urldelimage.jpg" [Sur col='#CCF':]:style="width: 100%"[/Sur] />[/Size][/G]

    Posté par Alérion, 17 novembre 2008 à 20:17
  • ça marche

    bravo pour la précision

    Posté par daniello, 19 novembre 2008 à 10:17
  • mode avancé

    j'ai réussi mais il faut se mettre en + en mode avancé pour que la photo soit pleine page et modifier les mesures "largeur et hauteur" car votre système ne le permet pas complètement.il faut faire cela en plus.

    Posté par daniello, 23 novembre 2008 à 16:25
  • [I]j'ai réussi mais il faut se mettre en + en mode avancé pour que la photo soit pleine page [/I]
    ha ben non, pas du tout, c'est justement un "truc" qui doit être effectué directement dans le message, en normal...

    Posté par Alérion, 24 novembre 2008 à 05:59
  • non!!

    LE TRUC COMME VOUS DITES ne peut pas se mettre en mode normal ou alors expliquez-moi svp.

    Posté par daniello, 29 novembre 2008 à 14:50
  • Et c'est où que ça coince daniello?
    suffit de lire ce tuto, tout ce qui est expliqué ici est en mode normal,
    aucune action vers la configuration avancé,
    [G]tout s'effectue dans le message même[/G]...

    Posté par Alérion, 29 novembre 2008 à 20:34
  • explications

    Effectivement le tuto se fait en mode normal. les images deviennent plus grandes mais il n'y a aucune comparaison si on passe en mode avancé et modifier 2 paramètres là elles deviennent plein écran.(" voir mon blog")
    je me sers de votre méthode pour mon autre blog.
    de toutes façons j'emploie votre méthode pour le mode normal et avancé.
    Merci encore de vos réponses

    Posté par daniello, 30 novembre 2008 à 10:53
  • photo

    Bonjour, d'abord, félicitation pour votre site ! ! !
    J'ai suivi vos comment, mais je ne m'y retrouve pas.
    Voici ce que j'ai:
    p style="text-align: center;"><a href=":url:storage.canalblog.com/53/52/556038/35781298.jpg" target="_blank"><img height="338" alt="05012009" src=":url:storage.canalblog.com/53/52/556038/35781298_p.jpg" width="450" border="0" /></a></p>

    Pourriez vs m'aider?
    Merci, Phil[;)]

    Posté par Philippe, 12 février 2009 à 23:28
  • Hé bien Philippe, voilà un truc pas si difficile
    style="text-align: center;"><a href="[Sur col='#CFC':]::url:storage.canalblog.com/53/52/556038/35781298.jpg[/Sur]" target="_blank"><img height="338" alt="05012009" src=":url:storage.canalblog.com/53/52/556038/35781298_p.jpg" width="450" border="0" /></a></p>
    l'adresse que j'ai surlignée est celle qui correspond à l'adresse de l'image en grand ;)

    Posté par Alérion, 17 février 2009 à 18:34
  • Ca a marché ! Allez voir sur mon blog, j'ai parlé de vous !
    :url:labijoutisse.canalblog.com

    Posté par Coco, 11 avril 2009 à 14:49
  • Photo entourée d'un hyperlien

    Bonjour et MERCI pour ce conseil!

    Tout a bien marché comme indiqué... en revanche, je me retrouve avec une photo entouré d'un cadre (type hyperlien) bleu quand la photo n'a pas encore été visitée et violet quand elle a été visitée... comment puis-je supprimer cela?

    MERCI d'avance!

    Posté par mffmi, 29 avril 2009 à 10:34
  • Merci pour tous ces conseils!

    Grâce à tes trucs et astuces, mon blog est bien plus joli!
    Merci pour tout! [:D]

    Posté par Sebours, 25 juillet 2009 à 13:07
  • merci pour le conseil, aprés un cerain temps!!!!! j'ai réussi à avoir une grand photo .....Et oui je ne suis pas un as de l'informatique!!!!

    Michèle[mdr]

    Posté par mimi, 25 novembre 2009 à 15:13
  • Merci mille fois

    Je viens de découvrir ton blog et là chapeau bas. J'ai essayé de mettre une photo en plein écran et j'ai réussi.
    Il ne me reste plus qu'à travailler mes nouveaux posts et à refaire les mises en page des photos.
    Merci merci merci.

    Posté par berangere, 07 janvier 2010 à 22:40
  • J'ai trouvé plus simple

    J'ai trouvé plus simple:
    - Insérer une image mais décocher "créer une miniature" et "afficher l'image à la taille originale".
    - Envoyer l'image. En effet à ce stade l'image est tronquée.
    - Passer alors en HTML puis changer les deux chiffres 800 et 600 en 600 et 450.
    - Repasser alors dans le mode précédent et vous verrez l'image à la bonne taille.
    ça me semble plus simple!

    Posté par Martine, 20 janvier 2010 à 23:38
  • C'est sans aucun doute plus simple :) mais,
    dans ton cas, c'est pour une réduction de l'image,
    hors le but ici n'est pas de réduire l'image mais bien de l'afficher dans sa taille d'origine supérieur à 800px sans la réduction du téléchargement de l'image [Oui]

    Posté par Alérion, 21 janvier 2010 à 08:39
  • Alors là!

    Alors là, je ne suis plus du tout. je ne vois trop la différence. Pour moi, la question qui se posait était de faire rentrer une image dans le cadre complet du blog. Les réductions proposées par canalblog étaient trop importantes. Je m'incline tout de même car je suis d'une grande nullité et en photos et en informatique.

    Posté par Martine, 21 janvier 2010 à 22:37
  • Et bien, disons que pour certains qui ont des images supérieur à 800px et qui ne veulent pas la réduire pour des raisons de qualité, trouvent l'application utile.
    Il y a également des gens qui ont leur blog dont la colonnes des messages est supérieur à 800. Rien que ce blog est proportionnel à celui qui le visite, et non à une taille imposée, d'où l'intérêt d'une image qui s'adapte à l'affichage du message, sans tenir compte de la présentation générale, d'autant que mettre width à 100% garde l'homothétie de l'adaptation, plutôt que d'utiliser arbitrairement une taille qui peut tout déformer.
    Est-ce un peu plus explicite?[Reflechir]

    Posté par Alérion, 23 janvier 2010 à 08:59
  • Bonsoir tout le monde,
    Alors voila moi j'ai un petit soucis, marlgré ems multiples lectures de vos avis et conseils utiles.
    Je vous laisse mon adresse de mon blog phot, pour que vous allez voir. mon pb est le suivantn étant nouvelle, je viens mettre une toute premiere photos mais je voudrais la mettre en plus grand, est-ce possible ?
    Est ce que c'est le fait d'avoir les 2 colonnes de chaque cotés, qui generait ?

    Merci d'avance de votre aide !
    Mél'.

    Posté par Mél'C., 29 août 2010 à 19:46
  • MERCI BEAUCOUP POUR TOUT.[ BIENTOT A +
    LULU[Reflechir][Cheese]

    Posté par lulu, 24 octobre 2010 à 16:34
  • ajouter police de caractères

    Comment ajouter une police de caractère pour le titre de mon blog. par exemple Edwardian qui n'existe pas chez canalblog?
    merci!

    Posté par eightdayaweek, 22 mars 2011 à 16:26
  • Merci pour le tuto, pour ma première écriture html, pas de problème.

    Posté par la dent du chat, 22 mai 2011 à 10:02
  • MERCI

    Ca marche nickel!

    Posté par audrey, 10 juillet 2011 à 13:40
  • merci beaucoup pour ce tuto! ca marche nikel

    Posté par andraxel, 13 janvier 2012 à 19:05
  • Bonjour,

    Merci pour votre tuto mais j'ai un soucis lorsque j'essaye de mettre à jour le code html après modification comme indiqué ci dessus, celle ci ne se fait pas !! (l'image n'apparait pas dans mon article)
    D'où peut venir le problème svp ? merci :)

    Posté par Marjo, 09 mars 2012 à 09:32
  • J'ai essayé gentiment de mettre de grandes images sur canablog, ça faisait des images petites ou pixelisé à mort.. j'ai tenté d'autres trucs, j'ai échoué.. puis quand je pensé à me pendre de désespoir, ton tuto' est arrivé, comme un miracle divin O.O!! MERCI pour ce tuto' vraiment genial!! [Youpiii]

    Posté par Doze, 27 juin 2012 à 20:06

Poster un commentaire