• Image > Format pour mon blog

    (misajour le 28 septembre 2008 - Corrections diverses)


    Formats possibles de l'image: .png (Idéal pour les graphiques) 
                                                 ou .jpg (jpeg - Idéal pour les photos)
                                                 ou .gif (Animation possible)

    Résolution maximale de l'image: 72 (dpi ou px/l ou points par ligne)

    Poids maximum de l'image: 976,56 KB (kilo bit)


    Une moyenne:


    Taille de l'image maximale (Colonnes latérales - Arrière plan): 500 x 500 pixels (px)
    Taille de l'image maximale (Colonne centrale - Arrière plan): 500 x 500 pixels (px)
    Taille de l'image maximale (Bloc titre): 720 x 540 pixels (px)
    Taille de l'image maximale (Blocs centraux "contenu"): 720 x 540 pixels (px) ou 430 x 500 (?)


    Remarques:

    La taille maximale de l'image dépend de la largeur que vous avez accordé aux colonnes et aux blocs des colonnes ainsi qu'aux marges intérieures.

    Les photos seraient apparemment redimentionnées automatiquement en 400 pixels de large par Blogg.org lorsqu'elles sont plus grandes (du moins dans les billets).


    Attention:

    "méga bit" c'est différent de "méga octet" ;

    1 octet = 8 bits (jamais autre chose dans le domaine public)

    Prenez l'habitude d'enregistrer vos fichiers avec des noms en minuscules, sans espaces ni accents. Par exemple : mon_image.png
    Vérifiez aussi que l'extension est en minuscules, car Paint a tendance à enregistrer l'extension en majuscules (mon_image.PNG).



    Conseils:

    Lorsque vous créez votre image (sur un logiciel de retouche par exemple, comme Photoshop),
    pour avoir un bon rendu, je vous conseil:

    1) Enregistrez la photo sous un nom provisoir et dans un format de travail (.psd par exemple)
        c'est à dire qui accepte les calques et qui ne soit pas destructif. Si pas possible ".png (PNG 24)"
    2)
    Travaillez toujours avec la taille d'origine d'une image ("pixels x pixels" !) si elle est supérieure/égale
        à celle qui va être mise sur le blog(g) et dans une résolution de 300 dpi dans l'idéal (pas moins de "72" en tout cas).
    3) Si ce n'est pas le cas, mettez la au moins en 500 pixels horizontal ou vertical et en 72 dpi ou "points ligne"
        et enregistrez la photo ainsi avant d'aller plus loin.
    4) Une fois travaillée, enregistrez la sous un nom spécifique au blog(g) et dans le format du blog(g)
        ".png (png 8 pour un graphique)" par exemple ou ".jpeg (pour une photo)").
        (Le PNG 24 n'est pas toujours supporté par les navigateurs plus anciens que Inernet Explorer 7 ou Mozilla Firefox)
    5) Si l'image ne veux pas se "poster", vous pouvez la retoucher, la retailler, l'alléger, depuis la version
        de travail (".psd") que vous avez soigneusement conservée.
        Et enregistrez cette nouvelle version sous le nom et le format attribués à la précédente image
        dédiée au blog(g).


    Astuces:

    Pour avoir une image plus grande que grande:


    option 1: Mettez un bout de l'image dans un bloc et un bout dans un autre bloc dans la colonne d'à côté et ajustez ! Bon courage...
    option 2: Mettez l'image sur un serveur ou dans un billet de manière à en obtenir une adresse URL.
                   Ensuite introduisé cette adresse dans le fichier CSS du blog (Pour ceux qui connaissent !)
                   Voir mon dossier [CSS | Misenpage CSS]



    Pour info:

    "mega byte" commercial à l'étranger c'est différent de "méga bit" commercial en France.
    1 byte à souvent la taille d'1 octet, mais c'est pas la même chose.
    Un octect est une unité de donnée informatique (1 ou 0).
    Un byte est une unité adressable qui fait souvent 8 bits de taille (soit 1 octet).

    La résolution 72 points par ligne et celle de la vidéo standard (Pal, NTSC, VGA).
    La résolution 300 dpi est idéale pour l'impression.
    Le format .jpg est destructif, c'est à dire que la photographie est compressée à nouveau à chaque fois qu'elle est enregistrée. Idéal pour une seule utilisation (Diffusion Internet par exemple) car léger et taux de compression interessant. Mais à éviter pour l'archivage.
    Le format .gif est plus particulièrement consu pour du texte ou des icones.


    Sites dédiés:

    http://www.siteduzero.com/tutoriel-3-13506-0-les-images.html#ss_part_2


    Tags Tags : , , , , , , , ,
  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :