Besoin
Je suis en train de développer un squelette spip en 3 colonnes pour les articles et l’insertion d’images trop grandes à l’intérieure de ceux ci faisait un peut éclater ma maquette. Je suis donc tombé sur le filtre redimlogo qui essayait de donner une taille adapté à un logo. Mais les images à l’intérieure de l’article ne sont pas atteignables. Il restait 2 choix :
- modifier l’interpréteur spip pour qu’il applique redimlogo dans les articles
- rester le plus compatible avec les versions à vernir de spip et ne pas modifier le code de spip, donc écrire un filtre pour faire ce que je voulais.
Filtre
Si vous utilisez ce filtre n’oubliez pas qu’il faut également inclure le filtre redimlogo (Redimensionner un logo) dans votre fichier mes_fonctions.php3.
il prend au maximum 3 paramètres :
- la largeur maximale (>0 sinon ignorée)
- la hauteur maximale (>0 sinon ignorée)
- si l’on veut ajouter un lien sur l’image (1=oui, 0=non).
Utilisation
on l’utilisera donc de la façon suivante :
[(#TEXTE|limit_images_size{400,0,1})]
Le dernier paramètre permet de spécifier si l’on veut (ou pas) un lien sur l’image. En effet l’image réduite perd de sa définition, on peut donc vouloir proposer à l’utilisateur un lien (sur l’image) pour ouvrir l’image à sa taille originale.
donc :
<img='IMG/jpg/img1.jpg' width=... height=... ...>
deviendra :
<a href='IMG/jpg/img1.jpg'><img='IMG/jpg/img1.jpg' width=... height=... ...></a>
RSS 2.0
Vos commentaires
# Le 2 juillet 2009 à 11:29, par TanaT
Bonjour,
J’ai eu un problème un peu similaire (sur la taille des images) et je n’ai pas trouvé de réponse.
L’objectif est de réduire la taille des fichiers image présentes dans le dossier /IMG/jpg afin de limiter l’espace disque utilisé par le site.
En effet beaucoup de rédacteurs incluent des images sans trop savoir les réduire. On se retrouve avec des images en millions de pixels et donc des fichiers de 1 ou 2 Mo facile...
Or ces images ne seront jamais affichées dans ces formats sur les articles.
On ne peut pas simplement réduire les images du dossier jpg et les transférer car la base de données de SPIP (qui contient taille du fichier, résolution H, résolution W) est alors erronée et les images ne s’affichent pas correctement.
J’ai donc fait un petit script shell qui réduit les images et crée un fichier de commandes sql à exécuter ensuite sur la base de donnée. Ce script utilise ImageMagick pour redimensionner les images.
L’avantage est que le calcul de réduction des images est effectué en local donc sans limite de temps d’exécution de requète (qui pourrait être contraignant pour de trop grandes images côté serveur).
Je suis passé d’un site de 100Mo à une occupation de 18Mo.
Je joins SPIP_reduce_all_images_to_save_space.zip contenant le script webclean.sh et un howto.txt
Il faut renommer le fichier .png en .zip pour pouvoir accéder au contenu de l’archive (.zip refusé).
Le manuel plus détaillé s’affiche lors de l’appel du script sans arguments.
Ca peut toujours servir aux utilisateurs linux et donner des idées...
Il est clair que des développeurs SPIP peuvent faire beaucoup mieux (un plugin ?) mais je me dis que ça peut toujours dépanner en attendant !
TanaT.
# Le 2 juillet 2009 à 11:34, par TanaT
Visiblement, on ne peut pas accéder à l’archive.
Je la mets là : http://le.pave.dans.la.mare.free.fr...
TanaT
Répondre à ce message
# Le 7 février 2006 à 18:35, par onozendai
bonjour, cette contrib ne marche pas avec la 1.8.2.g, il n’y a pas d’erreurs mais simplement les images ne se redimensionne plus.
C’est bien embettant car je voulais mettre à jour mon site en 1.8.1 pour la faille de securité.
si quelqu’un à une idée du probleme ? ou une autre sugestion pour avoir la meme chose que cette contrib compatible 1.8.2.g.
(je pense que c’est au niveau des nouvelles options de la 1.8.2)
# Le 7 février 2006 à 19:13, par mortimer
Le filtre
|reduire_imageincluse dans la distribution de SPIP depuis la 1.8.2 fait la même chose et encore plus et mieux ;) (voir la doc)# Le 7 février 2006 à 22:31, par onozendai
oui Mortimer je connais cette fonction elle marche bien et j’ai aussi testé avec. mais elle ne permet pas d’avoir le lien de l’image à taille réel sur l’image reduite dans le texte.
C’est dommage quand on a sur le server des images en grande résolutions et de ne pas pouvoir les visionner en 1 simple click.
ya peut-etre un moyen de rajouté le lien vers l’original dans le filtre
|reduire_image?
Répondre à ce message
# Le 15 septembre 2005 à 23:05, par Tazz
Bonjour,
je ne comprend pas, je rajoute mes_fonctions.phph3 avec reduire_all_images.
Et spip me répond :Erreur : filtre « reduire_all_images » non défini
Je suis chez Free
(http://steph.brette.free.fr/spip/)
Voilà ma boucle :
“
[(#TEXTE|reduire_all_images500,x)]
”
Avez-vous une Idée ?
Répondre à ce message
# Le 22 décembre 2004 à 10:18, par stef
bonjour,
je viens de copier ce filtre dans mes_fonctions et l’ai appelé dans mon squelette article, comme ça :
[(#TEXTE|limit_images_size{200,0,0})]j’ai ajouté un overflow:hidden à mon div d’article pour éviter l’éclatement mais... bouhouhou ! l’image n’est pas redimentionnée :"(
quelqu’un a une idée ?
merci
# Le 22 décembre 2004 à 22:06, par mortimer
à quoi il ressemble ce div ?
# Le 23 décembre 2004 à 11:01, par stef
bonjour,
c’est un div float:left et width:600px
dans lequel est affiché le texte de l’article.
c’est pour ça que ce filtre m’interesse, pour ne pas avoir à "couper" les images avec l’overflow
je suis sous SPIP 1.7.2 et ma boucle(articles) englobe tout le squelette, de à
# Le 23 décembre 2004 à 11:05, par ?
pour reprendre mon texte :
je suis sous SPIP 1.7.2 et ma boucle(articles) englobe tout le squelette, de <html> à </html>
stef
# Le 9 mars 2005 à 14:26, par Mortimer
désolé pour le retard...
je ne pense pas que le problème vienne de la div ou de la boucle. Peut être c’est un bugs dans le code. Essai de mettre cette ligne :
$reg = "/<img src='IMG\/([^']+)'(.*?)width='[0-9]+'(.*?)height='[0-9]+'(.*?)>/";à la place de la première ligne du filtre qui affecte $reg.
J’espere que cela aidera.
# Le 11 août 2005 à 17:23, par ?
slt moi j ai une image de 46ko qui ne veut meme pas se télécharger d’un de mes fichier vous avez une petite idée
# Le 12 août 2005 à 15:23, par mortimer
Je ne comprends pas ton problème.
peut être que tu pourrais expliquer un peu mieux...
Répondre à ce message
# Le 17 février 2004 à 16:06, par Edith
J’ai un problème sur ce script, pourtant, j’ai recopié l’intégralité.
Il affiche :
Warning : Compilation failed : missing ) at offset 105 in /pub/www/spip/mes_fonctions.php3 on line 96
Ci-dessous la page de code dans mes_fonctions.php![](IMG/".$img.")
".$after,
94 $to_return = preg_replace("<".$matches[0][$i].">",
95 $before."
96 $to_return,1) ;
Merci d’avance
# Le 19 mai 2004 à 16:54, par Joe
Cela doit être le bug vignette...
Pour palier à cela, j’ai une petite solution :
On ne fait le preg_replace que si c’est nécéssaire, grace à un booléen, mais cela requiert de regrouper les deux fonctions (redim_logo et limite_image_size)...
Voici ma fonction redim_img ; elle a été adapté aux besoins de mon site mais la rendre plus paramêtrable ne devrai pas poser de problèmes.
//filtre de redimension automatique des images
function redim_img($string)
{
$reg = "/<img src='IMG\/([^']+)' ([^ ]+) width=[^ ]+ height=[^ ]+ ([^>]+)>/";
preg_match_all ($reg, $string, $matches);
$to_return = $string;
for ($i=0; $i< count($matches[0]); $i++)
{
$img = $matches[1][$i];
$bef = $matches[2][$i];
$aft = $matches[3][$i];
$image = "IMG/".$img;
$redim="non";
if ($img!="") //si l'image existe
{
$dim_image = @GetImageSize($image);
$largeur_image = $dim_image[0];
$hauteur_image = $dim_image[1];
if ($largeur_image+$hauteur_image>0) //si l'image est bien rentrée dans la base
{
if ($largeur_image>=650)
{
$largeur = 650;
$hauteur = round(650*($hauteur_image/$largeur_image));
$largeur_image=$largeur;
$hauteur_image=$hauteur;
$redim="oui";
}
$param = "height=\"".$hauteur_image."\" width=\"".$largeur_image."\"";
}
else
$param="";
}
else
$param="";
if ($redim=="oui")
$to_return = preg_replace("<".$matches[0][$i].">","<img src='IMG/".$img."' ".$param." ".$bef." ".$aft." >",$to_return,1);
}
return $to_return;
}
# Le 10 juillet 2004 à 16:27, par Stéphane
Il semble qu’il y ait des erreurs si l’article comporte des vignettes...
Merci Edith pour la correction de ce bug... mais maintenant si je veux avoir les liens sur les images pour les afficher (comme dans le filtre original), qu’est-ce qu’il faudrait rajouter ?
merci à toi
# Le 9 mars 2005 à 12:22, par mat
bonjour a tous,
j’ai étudié un peu la fonction du filtre limit_images_size ; viennent de la. Je pensais que le centrage ne se faisait pas car il y avait des bordure, mais ce n’est pas le cas.
mais je ne pense pas que le problème pour le left ou right de la balise
Enfait, ce que je pense, c’est que l’alignement ne se fait pas car dans la partie admin, l’image n’est pas resizé ; donc l’alignement n’est pas possible de ce coté ci.
Je me demande donc, s’il n’est pas possible de spécifier l’alignement du coté du squelette. Mais alors je ne vois pas comment le faire. Faudrait-il ajouté une variable au filtre pour pouvoir l’inscrire dans la syntaxe SPIP ?
j’attend vos remarques, si vous en avez ou si vous pensez que ca peut être utile....
ps : je parle du cas ou les images a resizer aurais un taille importante.
par avance merci,
# Le 9 mars 2005 à 14:20, par Mortimer
Bonjour,
tu postes tes messages à des endroits bien bizares ;)
Enfin, je ne suis pas sûr d’avoir bien compris ce problème de right et left. Si l’image est trop large, c’est sûr qu’elle ne sera pas aligné comme il faut...
Le filtre n’est appliqué que sur l’espace public. Mais sur l’espace public il sera appliqué et l’alignement sera fait. il ne devrait donc pas y avoir de problème.
En résumé, je ne suis pas sûr de bien comprendre ce que tu veux :(
# Le 9 mars 2005 à 15:41, par matt
merci, et encore désolé pour le placement du message ( je croyait qu’il serait mis en bas).
Enfait, le filtre marche très bien, et j’ai bien compris qu’il n’est appliqué que en public. Mais prenons un exemple : j’ai une image de taille bocoup trop grande, le filtre va donc réduire cette taille. Je l’affiche dans mon article avec un , mais l’alignement se fait au milieu de ma page, et n’est pas aligné a gauche avec mon article.
Si l’image n’est pas trop grande, tout fonctionne. Mais j’ai le cas ou l’image est bocoup plus grande et la impossible de l’aligné comme je veux, elle est automatiquement centré (au milieu).
voila, je sais pas si j’ai été clair, en tout cas je l’espère.
Mais le problème se pose bien ché moi.
merci en tout cas pour tes réponses. :)
a bientot
ps:je cherche de mon coté mais je ne vois pas très bien comment faire, surtout si tu me dit que ce problème ne se pose que chez moi
# Le 9 mars 2005 à 15:45, par matt
désolé,
l’affichage dans l’article se fait avec un >emb|left<
# Le 9 mars 2005 à 16:05, par Mortimer
Chez moi je tourne en 1.8pr1, alors je ne sais plus trop comment c’est fait avec la 1.7.2.
Enfin, sur mon site, l’alignement de l’image se fait par l’ajout d’un :
<p align="center">pour le centrer
ou
align="left"dans la balise IMG pour les alignements droit et gauche.
Si l’image laisse assez de place à droite (ou à gauche), alors l’alignement est fait. Mais si l’image est trop grande, alors l’image prend tout une ligne est a l’air centré.
Si tu réduis beaucoup l’image, cela ne marche toujours pas ?
# Le 9 mars 2005 à 16:12, par matt
Très bien merci,
je vais essayé de faire avec cela.
Mais la balise IMG et dans ton squelette ? car moi je ne fait l’affichage de l’image que depuis l’espace administrateur...
Enfin j’ai peur de ne pas tout comprendre.
Surtout que ca marche pour des images de taille moins importante.
merci beaucoup pour ton aide en tout cas.
bye
# Le 9 mars 2005 à 16:32, par Mortimer
Justement, je ne suis pas sûr de bien tout comprendre au problème moi non plus ;)
Cette image se trouve dans l’article, pas dans le squelette.
# Le 9 mars 2005 à 16:39, par matt
re bonjour,
je suis vraiment désolé pour toutes ces questions, mais... la je sais pas quoi faire...
J’ai ajouté le sytème de lettrine proposé sur ce site, j’ai donc dans mon squelette :
#TEXTE|limit_images_size300,0,1|lettrine
mais dans ce cas, la lettrine foncionne, mais le resize d’image ne foncionne plus du tout. Quelqu’un voit il ou se trouve le conflit ?
Merci. :)
# Le 9 mars 2005 à 18:30, par ?
mais le filtre lettrine est appliqué après le filtre limiter... il ne devrait donc avoir aucune incidance.
Répondre à ce message
# Le 9 mars 2005 à 14:24, par Mortimer
Il y a (à nouveau) un problème avec la regexp quand je teste sur la 1.8pr1. Cette nouvelle regexp marche mieux :
$reg = "/<img src='IMG\/([^']+)'(.*?)width='[0-9]+'(.*?)height='[0-9]+'(.*?)>/";et devrait aussi être compatible avec les versions précédentes. Si un admin veut bien faire la modif ?
Répondre à ce message
# Le 30 octobre 2003 à 13:31, par roro
Bravo ! Super boulot :-)
Un script indispensable pour tout webmaster qui se respecte.
# Le 30 octobre 2003 à 14:43, par ?
Hoo, merci :)
# Le 31 octobre 2003 à 02:18, par carlos peña
Gracias y felicitaciones
La boucle DOCUMENTS
[(#EMBED_DOCUMENT|limit_images_size300,0,1)] ??????
# Le 31 octobre 2003 à 09:02, par ?
Je n’ai pas bien compris la question ?
mais à la base le filtre ne s’applique qu’à redimentionner les images que Spip inclu dans le texte d’un article... il faut donc l’appliquer sur quelque chose du genre #TEXTE dans une boucle article.
la boucle va alors rechercher toutes les références à des images dans ce texte et les redimentionner.
Donc si la balise #EMBED_DOCUMENT retourne quelque chose comme <IMG blabla blabla>...</IMG>, ça devrait théoriquement marcher. Je n’ai jamais essayer, alors si quelqu’un essaye, ça serait cool de reporter :)
# Le 19 novembre 2003 à 18:50, par ?
Fatal error : Call to undefined function : redimlogo() in c :\inetpub\wwwroot\lentreprenaute\mes_fonctions.php3 on line 47
[(#TEXTE|limit_images_size400,0,1)]
j’ai copié le code dans mes fonctions et fait un appel
comme ci dessus j’ai l’erreur fatal du dessus, what’s wrong ?
Florent
# Le 19 novembre 2003 à 18:54, par Mortimer
voir plus haut (juste avant le code)
"Si vous utilisez ce filtre n’oubliez pas qu’il faut également inclure le filtre redimlogo (Redimensionner un logo) dans votre fichier mes_fonctions.php3."
:)
# Le 21 novembre 2003 à 12:07, par ?
merci mortimer,
j’avais loupé cette etape !
sinon j’aimerai bien ouvrir une popup au dimension de l’image plutot que d’aficher l’image dans la meme fenetre.
ou peut on intervenir pour faire ca sur ce script ?
Florent
# Le 21 novembre 2003 à 15:27, par mortimer
Pour ajouter une popup, ou changer le comportement quand l’utilisateur clique, il faut modifier cette partie du code :
if($with_link) {$before = "<a href='IMG/".$img."'>";
$after = "</a>";
}
la variable $before est ce qu’il faut ajouter avant la balise image
la variable $after ce qu’il faut rajouter après.
ici, on ajoute un lien a href avec le nom de l’image (.$img.), mais on pourrait ajouter d’autres paramètres au href, ou n’importe quoi.
notez qu’il faut bien passer le dernier paramètre par défaut $with_link à 1 si l’on veut que cela marche.
# Le 8 mars 2005 à 15:13, par matt
bonjour, j’ai un petit problème avec ce filtre, si quelqu’un pouvait m’aider.
J’ai tout suivie, donc
- > dans mon fichier mes_fonction.php3, j’ai mis le filtre si dessus, et le filtre redimLogo.
- >j’ai ajouté le code au sequelette article.
- > dans mon article, je place l’image avec la balise
- >.... mais voila j’ai un message d’erreur en bas de page :
Fatal error : Cannot redeclare limit_images_size() (previously declared in ...mes_fonctions.php3:8) in ../mes_fonctions.php3 on line 8
- > et le redimensionnement ne se fait pas.
si quelqu’un pouvait m’expliquer.
Merci d’avance.
# Le 8 mars 2005 à 15:43, par Mortimer
apparemment, il prend 2 fois le fichier mes_fonctions.php3, tu es sûr de ne pas avoir un include(’mes_fonctions.php3’) ou qq chose du genre qui se balade dans un squelette ?
# Le 8 mars 2005 à 17:18, par matt
ho lala,
Merci beaucoup mon ami.
En effet, j’avais mis un include dans le fichier php, comme on fait d’habitude en php...
Mais désormais ca marche parfaitement.
Super merci encore... (très rapide la réponse en plus)
bye
# Le 8 mars 2005 à 18:58, par matt
Encore juste une petite question :
je sais pas si c gérable...
Mais lorsque l’image que je resize et trop grande, les paramètres left et right ne fonctionnent plus. j’aimerais savoir s’il est possible de modifier la fonction pour permettre cela. Car sinon l’affichage ne se fait que au centre.
Voila je ne sais pas si c’est possible.
Merci d’avance...
Répondre à ce message
# Le 30 novembre 2003 à 17:26, par FyX
D’abord le bug
J’ai constaté que la regexp employée laissait un ’ (simple quote) dans le btw.
Comme je suis tres tres mauvais en regexp, j’ai pas reussi à modifier cette affaire. Donc une solution est donnée en fin de message dans le code... mais pas très satisafaisante (si le core de SPIP est modifié plus tard, il faudra rebidouiller le filtre).
ensuite le popup
Moi j’aime bien l’idée de faire un popup joli à la bonne taille, alors j’ai mis cette fonctionnalité dans le code...
au total
Voilà le code :
# Le 5 janvier 2004 à 13:58, par Nicolas
Cette fonction m’intéresse, mais l’inconvénient est que la page devient très lourde à charger puisqu’on charge les images grand format (affichées petit).
J’aimerais créer une fonction qui fait un lien sur les images vers une image avec le suffixe _big qu’on mettrait sur le site par ftp.
J’ai essayé, je n’y arrive pas... alors si ça tente quelqu’un...
# Le 25 novembre 2004 à 12:15, par mortimer
l’expression devient cela :
$reg = "/<img src='IMG\/([^']+)' ?([^ ]+) width='[^ ]+' ?([^ ]+) height='[^ ]+' (([^/]|/[^>])+)/>/"et le replace :
$to_return = preg_replace("<".$matches[0][$i].">",$before."<img src='IMG/".$img."' ".$size." ".$bef." ".$btw." ".$aft." />".$after,
$to_return,1);
Je corige dans le code
# Le 25 novembre 2004 à 12:17, par mortimer
je suis con. Le code est déjà publié, j’ai plus le droit de le corriger. Bon, vous pourrez le faire vous même :)
dśolé.
# Le 25 novembre 2004 à 17:39, par DoriaN
j’ai corrigé l’article, mortimer jette quand même un oeil stp :)
# Le 25 novembre 2004 à 18:09, par mortimer
cool, il faudra que je regarde les autres bug de cette contrib un de ces jours.
# Le 26 novembre 2004 à 10:03, par mortimer
Bon, je me suis planté, il faut échapé les / dans l’expression :
$reg = "/<img src='IMG\/([^']+)' ?([^ ]+) width='[^ ]+' ?([^ ]+) height='[^ ]+' (([^/]|\/[^>])+)\/>/";désolé pour le dérangement.
# Le 27 novembre 2004 à 17:46, par mortimer
Et voilà. j’avais oublié encore un / :
$reg = "/<img src='IMG\/([^']+)' ?([^ ]+) width='[^ ]+' ?([^ ]+) height='[^ ]+' (([^\/]|\/[^>])+)\/>/";Répondre à ce message
# Le 4 juillet 2004 à 17:41, par Saturne
Bravo, ca marche impec.
Juste un petit truc de corrigé : un
à rajouter.
Quasi vers la fin.
Sinon, si le redimensionnement etait trop petit, les commentaires de l’image commencaient sur le coté, et non au centre ce qui est peu esthétique.
Sinon, deux remarques :
tout d’abord, est il possible d’ouvrir l’image original dans une pop up, et non dans la meme page ?
Ensuite, est il possible que l’image, si elle est plus petite que la taille limite de ne pas la rendre cliquable, car ca n’a pas (peu) d’interet ?
Merci, et bravo.
Répondre à ce message
# Le 19 mai 2004 à 11:47, par mybeau
C’est parfait.
Le hic c’est que la taille d’une image à afficher
dépend essentiellement de la résolution d’écran
du visiteur.
J’ai plutot capturé cette résolution au login (aidé
par le fait que dans mon assoc, il faut se logger
pour acceder au site). Je calcule donc, par utilisateur,
la taille max à afficher (=largeur écran utilisateur x taux de
redimension du site) Le taux de redimension est le pourcentage
de largeur occupé par le texte de l’article par rapport
a la largeur écran. Dépend du site et non de l’utilisateur)
Cette taille max calculée est stockée ds les variables
session car elle dépend de l’utilisateur.
Quand on doit afficher une image, si sa largeur excède
la largeur max d’image pour l’utilisateur en session, on
calcule un ratio qu’on applique a la largeur et a la hauteur
de l’image.
Et zou...........
On en profite pour virer l’horrible petit encart de
commande qu’Internet Explorer se croit obligé d’afficher
quand on passe la souris sur l’image.
Et re-zou....................................
Répondre à ce message