Publicado: 7 julio, 2021/Debajo: FrontEnd/Por: Carlos Fabuel Cava
Como #SEO y frontend developer a veces ves cosas dignas de figurar en lo más alto, pero otras veces ves cosas inexplicables. Adjunto foto donde se ve el código fuente de un svg de unos 140kB para una imagen de unos 100 píxeles. Al abrirlo, ves que está embebido un png de 1600 píxeles de anchura y luego escalado cien veces para hacerlo pequeño.Me imagino la cara de satisfacción del #backenddeveloper pensando en que cuando un usuario suba al editor web una imagen de 3000 píxeles se le va a quedar pequeñita. No hace falta decir que esto es un problema que se puede solucionar mucho mejor. Lo ideal es crear las imágenes que necesites a partir de lo que suba el usuario.Lo peor es que seguramente será la mejor opción para el problema en el que estaba pensando…
Adjunto foto donde se ve el código fuente de un svg de unos 140kB para una imagen de unos 100 píxeles.
Al abrirlo, ves que está embebido un png de 1600 píxeles de anchura y luego escalado cien veces para hacerlo pequeño.Me imagino la cara de satisfacción del #backenddeveloper pensando en que cuando un usuario suba al editor web una imagen de 3000 píxeles se le va a quedar pequeñita. No hace falta decir que esto es un problema que se puede solucionar mucho mejor.
Lo ideal es crear las imágenes que necesites a partir de lo que suba el usuario.Lo peor es que seguramente será la mejor opción para el problema en el que estaba pensando…
<use xlink:href=»#image0» transform=»translate(0 -0.000769255) scale(0.000625 0.00111779)»/>
</pattern>
<image id=»image0″ width=»1600″ height=»896″ xlink:href=»data:image/png;base64,</defs>
Visto en #worten