search

studieren-ohne-grenzen / schlemmenohnegrenzen

https://schlemmen-ohne-grenzen.de
2 stars 1 forks source link

Convert title image to svg #1

Closed danielrenninghoff closed 7 years ago

danielrenninghoff commented 7 years ago

Title image is way too big. It needs to have a smaller filesize. Two options:

  1. Use svg with transparency
  2. Merge image with background and convert to jpg (without transparency)

@fellhorn

marcelklehr commented 7 years ago

/me waves :)

+1 for jpg -- more widespread support and guaranteed fixed visual appearance. Finding the right resolution for all devices is gonna be a problem, though.

fellhorn commented 7 years ago

I think it is going to be a huge thing dealing wit different solutions of jpeg. All modern browsers have enough svg support: http://caniuse.com/#search=svg

Only IE is sometimes a big pile of shit by neglecting the correct drawing area. We can also use some easy substitution for the very old browsers. Somewhere I should have a few lines of code doing this.

fellhorn commented 7 years ago

https://github.com/studieren-ohne-grenzen/schlemmenohnegrenzen/commit/af31170eb73ef5f62f401773135672d1a0da362d

Another solution - the vectorized logos were even bigger than the png versions. Using srcsets now we can shrink down the size by 95% on mobile

fellhorn commented 7 years ago

@marcelklehr Maybe you have got a better idea for vectorization - but I think as a first solution this srcset of pngs should be enough.