Annonce

Écrire une réponse

Veuillez écrire votre message et l'envoyer

Cliquez dans la zone sombre de l'image pour envoyer votre message.

Retour

Résumé de la discussion (messages les plus récents en premier)

chrisncy
2009-08-23 16:33:36

VDigital a écrit:

(Seules exceptions: les panoramas)

Merci pour vos commentaires
Justement, pour les miniatures des panoramas, j'utilise le thème MontBlanc, et les miniatures débordent largement...
Du coup, je fais moi même ces miniatures de panorama, en format 3:2 pour éviter ce pb

A bientôt le plaisir de lire

VDigital
2009-08-23 15:58:34

Il y a plusieurs techniques pour faire des miniatures carrées mais surtout il faut considérer que livrer des miniatures carrées, c'est se priver de pleins d'évolutions.

En conservant les miniatures dans les mêmes proportions que l'original (Seules exceptions: les panoramas),
tout en les affichant quand bon vous semble en carré, vous pourrez continuer de bénéficier des idées et évolutions que d'autres pourraient bientôt également nous proposer.

Très bientôt le plugin akBookStyle, que Nicolas code actuellement avec mon assistance, donnera un autre exemple de miniatures présentées carrées (directement sans modifier les miniatures standards).

chrisncy
2009-08-23 14:51:10

Bonjour
Je "tombe" sur ce post qui m'intéresse beaucoup, je trouve classe, ces miniatures ayant toutes le même format.

Je vous ai laissé discuter...
Mais sans logiciel, on sait faire:

Le lien que vous donnez renvoie effectivement vers une page avec des miniatures carrées... Impec !
Mais comment faire pour les faire ?

Le code ci dessus que fait il exactement, et où le copier ???

Il y a des paramètres qui seront modifiés... (152 - $tn_size...).

ça veut dire quoi ? qu'il faudra les modifier à la main, ou que vous allez modifier ?

Merci d'éclairer ces points encore obscurs pour moi, même si j'ai déjà pas mal progressé... grâce à la lecture de ce forum

VDigital
2009-03-28 23:19:15

La version actuelle du template (extension):
Il y a des paramètres qui seront modifiés... (152 - $tn_size...).

Code:

{if !empty($thumbnails)}
<ul class="thumbnails">
{foreach from=$thumbnails item=thumbnail}
  <li>
  <span class="wrap1">
    <span class="wrap2">
{php}
        $thumbnail = $this->get_template_vars('thumbnail');
        $tn_size = @getimagesize($thumbnail['TN_SRC']);
        $tn_size[2] = abs(floor(($tn_size[0] - $tn_size[1])/2)); 
        $tn_size[3] = min($tn_size[0], $tn_size[1], 112); 
        $tn_size[5] = 152 - $tn_size[3];
        $tn_size[5] = abs(floor($tn_size[5] / 2)); 
        if ( $tn_size[0] > $tn_size[1] ) { /* Landscape */
        $tn_size[4] = '0px '.($tn_size[2]+$tn_size[3]-1).'px '.($tn_size[3]-1).'px '.$tn_size[2].'px'; 
        $tn_size[2] = 'top: 0px; left: 0px;'; }
        else { /* Portrait */
        $tn_size[4] = $tn_size[2].'px '.($tn_size[3]-1).'px '.($tn_size[2]+$tn_size[3]-1).'px 0px'; 
        $tn_size[2] = 'top:  -'. $tn_size[5] .'px; left: '. $tn_size[5] .'px;'; }
        $this->assign('clip', $tn_size[4]);
        $this->assign('side', $tn_size[3]);
        $this->assign('shift', $tn_size[2]);
{/php}
    <a href="{$thumbnail.URL}">
      <div style="position: relative; width:{$side}px; height:{$side}px;">
         <div style="position: absolute; clip: rect({$clip}); {$shift}">
          <img class="thumbnail" src="{$thumbnail.TN_SRC}" alt="{$thumbnail.TN_ALT}"
          title="{$thumbnail.TN_TITLE}" style="top: 0px;" />
        </div>
      </div>
    </a>
    </span>
    <span class="thumbLegend">
    {if isset($thumbnail.NAME)}{$thumbnail.NAME}{/if}
    {$thumbnail.ICON_TS}
    {if isset($thumbnail.NB_COMMENTS)}
    <span class="{if 0==$thumbnail.NB_COMMENTS}zero {/if}nb-comments">
    <br /> 
    {$pwg->l10n_dec('%d comment', '%d comments',$thumbnail.NB_COMMENTS)}
    </span>
    {/if}

    {if isset($thumbnail.NB_HITS)}
    <span class="{if 0==$thumbnail.NB_HITS}zero {/if}nb-hits">
    <br />
    {$pwg->l10n_dec('%d hit', '%d hits',$thumbnail.NB_HITS)}
    </span>
    {/if}
    </span>
  </span>
  </li>
{/foreach}
</ul>
{/if}
VDigital
2009-03-28 23:13:20

Je vous ai laissé discuter...
Mais sans logiciel, on sait faire:

Miniatures carrées

D'ici quelques jours j'aurai réglé les décalages des anciennes versions de IE.
(Testé sous FireFox, Chrome, IE8, et Safari).

Zaphod
2009-03-17 11:21:52

J'ai fait un test... mais c'est clair qu'il faut que je descende en taille... j'étais resté à 128x128, pour des miniatures carrées c'est beaucoup trop grand.
Je pense que l'exemple à 100x100 plus haut est un bon format.

Après... ça n'est pas évident.
D'un côté les pages de thumbs sont beaucoup plus régulières et rangées.
D'un autre... ça fait un cadrage très alétaoire... parfois génant.

Faut que j'essaie d'autres ratios imposés aussi... parce qu'au départ je suis en 3:2 donc 128x85 ou 85x128, c'est un peu trop étiré pour des miniatures... et sur les photos un peu plus larges... c'est encore pire.
Je vais essayer 100x100 et 128x100.

Zaphod
2009-03-16 23:41:57

Merci, je regarderai ça... parce que les lignes de commandes sous DOS... c'est pas ça.

plg
2009-03-16 23:39:20

Zaphod a écrit:

Faudrait juste que j'apprenne à mieux maitriser la récupération des noms de fichiers dans une arborescence windows...

Sinon, il y a cygwin et ensuite tu as une ligne de command Linux, comme à la maison.

Zaphod
2009-03-16 23:31:37

En fait j'ai été sur le site de BorderMaker... et la nouvelle version permet de faire des thumbnails carrés...

Plus d'infos ici :
http://www.bordermaker.nl/en/home.html

Sinon ImageMagick est souvent une excellente solution pour faire des manipulations en batchs.
Faudrait juste que j'apprenne à mieux maitriser la récupération des noms de fichiers dans une arborescence windows...

plg
2009-03-16 23:29:42

Il est prévu que pLoader gère les miniatures carrées. Mes miniatures sont carrées donc je peux affirmer sans trop me tromper que ce sera ajouté dans peu de temps.

Moi personnellement jusqu'à maintenant (avant pLoader) je fais des miniatures carrées avec la commande Imagemagick suivante:

Code:

    convert -size 300x300 \
    photo.jpg \
    -thumbnail x200 \
    -resize '200x<' \
    -resize 50% \
    -gravity center \
    -crop 100x100+0+0 \
    +repage \
    thumbnail/TN-photo.jpg

Ce qui produit une miniature carrée, centrée. (et comme pLoader utilise Imagemagick... l'ajout de la fonctionnalité dans pLoader ne devrait pas être trop compliqué).

Zaphod
2009-03-16 23:26:42

En fait je pense que je vais essayer de me faire un script avec ImageMagick...
Ceci dit je vais d'abord tester les miniatures carrées avec un truc moins automatique, parce que si ça ne me plait pas... je garde BorderMaker qui est parfait tant qu'on ne veut pas recadrer.

mistic100
2009-03-16 23:18:02

il y a aussi Batch Optimisateur
http://piwigo.org/ext/extension_view.php?eid=109

il ne touche pas aux images sources (hors suppression de caractères spéciaux mais c'est paramétrable)
et il supprime les infos sur les thumbnails

Zaphod
2009-03-16 21:16:22

Faudra que je voie comment modifier BuildPWGPicture pour mon usage, parce que j'ai l'impression qu'il touche forcément aux images sources, qui chez moi sont directement exportées de LR à la bonne dimension, et à la bonne compression, et je ne veux surtout par les modifier.
En plus la gestion des exifs ne me semble pas extrêmement satisfaisante (il n'y a que sur les thumbs que je veux enlever les exifs... vu que ça bouffe de la place pour rien).

Avec XnView en direct... je n'arrive pas à traiter une arborescence complète et à créer dans chaque répertoire un sous-répertoire thumbnail.

ddtddt
2009-03-16 16:30:10

une visite dans les extension:75

Zaphod
2009-03-16 16:22:37

J'ai déja XNview effectivement.

Mais est-ce que ça gère correctement pour une arborescence complète, en mettant toutes les miniatures dans le bon sous-dossier "thumbnails" ?

Pied de page des forums

Propulsé par FluxBB

github twitter newsletter Faire un don Piwigo.org © 2002-2020 · Contact