[Résolu] Aide tech - SVG chrome n'affiche pas (avt Gif "ss g

Bonjour à tous,

Je cherche un peu d'aide technique concernant un boulot.

Je réalise (design) pour une application.
En fait je cherche à optimiser au max et trouver la solution optimum pour mes images. Je m'occupe du design, de l'autre coté il developpe l'appli sur Windows Presentation Foundation (.wpf).


----> /----------------------------------------------------------------------
EDIT: autre lien - je crois qui exliquera mieux:

http://nikel-stephane.com/test-gif.html


Donc gif +- 600px large - 4Mo

Problème:

- Aliasing - bord pas très net - crénelés
- Poids

Y a t-il un moyen d'optimiser çela ?
J'ai utilisé GIMP car Photoshop me sort des fichiers + lourd et avec liseret blanc autour



/------------------------------------------------------

Donc je réalise des gifs (comme ci joint liés) - celui ici est très crapuleux 200ko max sur le forum -

L'idée se sont des bulles, qui tourne légerement de gauche à droite sur leur axes verticals.
La bulle étant un peu "3d".


J'en ai fait quelques unes
modélisation Blender - animation - sortie image par image ---> puis Gimp - montage du gif

alors ces gif sont assez grand (ex:700px/400px), ils ont 104 frames +-, évidement j'atteind des gifs de 2Mo à 10 Mo. Donc pas très optimisés, et je perds pas mal en qualité.
//-----------------------------------------------------------------


D'où ma question, y'aurait-il un autre moyen?
je peux faire du gif, mais pas de swf (donc vecteur c foutu?) - eventuellement svg, mais la j'y connais rien. Passez par Edge animate? (je connais pas encore) - d'autant que je recherche ce petit effet 3d?


Si quelqu'un a à un début de piste, je suis à l'écoute.

Cordialement,

Stephn




Modifié par stephn (16 Dec 2014 - 16:59)

Merci de ta réponse kustolovic,

fort à parier que je m'égare.

je pense qu'il monte l'appli sous silverlight (.wpf) - il me donne peu d'infos techniques - il avait l'air de vouloir des gifs.


Si je reprend ton idée, ok je pourrais passer en CSS 3d - rotation / des shapes arrondis / rotation axe vertical.
mais pour le "tiret-cédille" de la bulle ? une autre shape en absolute dessus - pas sûr que ça suive la rotation - je m'avance sans savoir là.

Pour cette idée reste à voir si c'est compatible par rapport à son soft.

Je vais essayer d'en savoir plus.

Bonjour,

SVG et animations CSS seraient effectivement bien plus légers.
Sinon en mode bourrin, Imgur a remplacé les GIFs les plus lourds par des vidéos WebM / mp4 http://imgur.com/blog/2014/10/09/introducing-gifv/

Merci à vous !

50Ko

Bon c encore en test mais c'est deja pas mal - bon le svg , ca en fait du code incompréhensible - surtout la shadow.


Process --> sorti d'illustrator en svg --> puis un peu de bidouillage du canvas

J'otiens ca pour le moment. -

LIEN SUPPRIME - PLUS D'ACTUALITE !!! FIREFOX !!! je dois encore réglé les autres

Hésitez pas à me dire si ça vous semble "propre" , j'ai pas trop de recul dessus


Stephn
Modifié par stephn (16 Dec 2014 - 17:05)

Bonjour,

je reviens vers vous suite à mes recherches.


Concernant les SVG, j'en suis maintenant à externaliser mes .svg hors de mon code html.
Avant je copiais/collais mes codes svg dans le html (un peu lourd)

Maintenant je les inclus dans une balise img
(ex: <img src='carre.svg' width='600' height='250'/> )

Bon ça fonctionne sous Firefox, IE mais Chrome ne l'affiche pas
(si je copie/colle le code svg dans html ca fonctionne, bizarre)

j'essais avec des embed et object, mais la encore pire, ca me telecharge le svg directement.


Je brasse plusieurs pages web, mais toujours pas de solutions, une idée ?

hello,

t'as essayé sans les tailles dans la balise ???

y a pas de raison chrome affiche très bien les svg

je viens de tester, pareil - j'ai juste l'icone image cassée dedans.

mon html et mon svg sont au même niveau (donc en principe c'est pas un lien mal dirigé)

et quand tu regarde les infos sur l'image ??? elle est bien chargée au bon endroit ?

tu as essayée de l'appeler en direct dans chrome pour voir ?

Bon je suis pas certain que je fais ce qui faut, mais j'ai donc ce svg a coté de ma page html et aussi dans un repertoire /images pour tester.


Si je glisse le svg dans un nouvel onglet de chrome, au lieu de l'afficher... bin il le telecharge

euh... ca fonctionne sur le web maintenant . Je faisais mes tests en local. Je comprend vraiment pas pourquoi le local fonctionne pas.

-----LIEN SUPPRIME----

Tu as bien fais de me dire de le mettre en ligne.

EDIT: concernant l'enregistrement du svg , c'etait illustrator, façon "classique"
Modifié par stephn (16 Dec 2014 - 19:08)

je ne saurai te dire.. mais la finalité c'est le web donc c'est là qu'il faut tester.. peut être une config serveur...

donc résolu

Merci !