18041 sujets
Questions générales et questions de débutants
Salut,
A priori, c'est un peu gros quand même...
Quel est le poids en Ko de ton fichier .svg ou .html dans lequel est embarqué ce code ?
Sinon, tu as vraiment besoin de tout animer ? Car tu pourrais intégrer une partie animable dans ton code et le reste dans un fichier séparé .svg.
Le problème d'embarquer tant de code dans ton html, c'est que une image séparée est mise en cache et du coup n'est chargée qu'une seule fois alors que si c'est dans ton html le chargement se fera au moins 1 fois au chargement de chaque page (1 fois car si ton cache est bien configuré, ta page html sera mise elle aussi en cache)
A priori, c'est un peu gros quand même...
Quel est le poids en Ko de ton fichier .svg ou .html dans lequel est embarqué ce code ?
Sinon, tu as vraiment besoin de tout animer ? Car tu pourrais intégrer une partie animable dans ton code et le reste dans un fichier séparé .svg.
Le problème d'embarquer tant de code dans ton html, c'est que une image séparée est mise en cache et du coup n'est chargée qu'une seule fois alors que si c'est dans ton html le chargement se fera au moins 1 fois au chargement de chaque page (1 fois car si ton cache est bien configuré, ta page html sera mise elle aussi en cache)
Bonjour,
Le fichier fait presque 1Mo ^^
En fait je n'ai besoin de rien animer : imagine un fond avec des fleurs entrelacées qui doit me servir de background genre grillage sur certaines div. Les éléments que j'aimerais pouvoir changer sont la couleur et éventuellement la taille ou zoom de l'élément.
Alors j'n'ai peut-être pas correctement généré mon svg à partir du pattern sous illustrator, mais j'ai déjà eu un mal fou (n'étant pas un pro du vecto) à faire un motif répété sans que cela soit visible.
J'ai suivi un tuto qui explique ensuite comment modifier le code généré pour que le motif devienne un vrai pattern en svg. Ce qui fonctionne.
Mais ce poids tout de même...
Ce que je ne comprends pas, c'est que lorsque j'avais juste généré un svg à partir d'une image et non d'un pattern illustrator, j'avais obtenu un fichier de 70 ko. Pas modifiable vu que je l'utilisais en background-image mais 70Ko
Le fichier fait presque 1Mo ^^
En fait je n'ai besoin de rien animer : imagine un fond avec des fleurs entrelacées qui doit me servir de background genre grillage sur certaines div. Les éléments que j'aimerais pouvoir changer sont la couleur et éventuellement la taille ou zoom de l'élément.
Alors j'n'ai peut-être pas correctement généré mon svg à partir du pattern sous illustrator, mais j'ai déjà eu un mal fou (n'étant pas un pro du vecto) à faire un motif répété sans que cela soit visible.
J'ai suivi un tuto qui explique ensuite comment modifier le code généré pour que le motif devienne un vrai pattern en svg. Ce qui fonctionne.
Mais ce poids tout de même...
Ce que je ne comprends pas, c'est que lorsque j'avais juste généré un svg à partir d'une image et non d'un pattern illustrator, j'avais obtenu un fichier de 70 ko. Pas modifiable vu que je l'utilisais en background-image mais 70Ko
Ah ça, c'est pas top, et un fichier SVG de 1Mo c'est bizarre !
C'est quoi ton histoire de pattern illustrator ?
Peux-tu m'envoyer le fichier sur le mail que je vais t'envoyer par MP ?
Comment peux-tu génére un SVG depuis une image ? Tu parles d'une image SVG ? Dans ce cas-là le code est déjà là, dans le fichier.
Sinon, as-tu suivi un peu l'article de Stéphanie W. ?
C'est quoi ton histoire de pattern illustrator ?
Peux-tu m'envoyer le fichier sur le mail que je vais t'envoyer par MP ?
Comment peux-tu génére un SVG depuis une image ? Tu parles d'une image SVG ? Dans ce cas-là le code est déjà là, dans le fichier.
Sinon, as-tu suivi un peu l'article de Stéphanie W. ?
Sinon, y'a un outil très cool de réduction et d'optimisation des SVG en ligne : https://jakearchibald.github.io/svgomg/