search

gbif / hp-vertnet-plus

0 stars 2 forks source link

Logo is blurred #10

Open MortenHofft opened 2 years ago

MortenHofft commented 2 years ago

I'm not sure how to fix this best. I've tried adding some custom css to render the image more crisp. It helped, but still wasn't very good. Perhaps an SVG or scaling the image to the desired size in some image software.

I've added a scaled version with height 90px if you set the max image height to 45px, then it should look sharper. https://github.com/gbif/hp-vertnet-plus/commit/3f277af25527331eb6506125b3b6650bb908f403

Ideally it was an svg, and the bone simplified to show nice in that size. But that sounds like it requires someone with skills we do not have.

MattBlissett commented 2 years ago

How about VertNet_logo

(Add the PNG to a blank Inscape document, then Path → Trace Bitmap → Multiple Scans, Colours, 3 scans. Some fuzz around the letters became green, I deleted this.)

MortenHofft commented 2 years ago

svg uploaded in https://github.com/gbif/hp-vertnet-plus/commit/7810ae746d8fccb656ea98c15a5b40fa5bec26d2

MortenHofft commented 2 years ago

I've changed the config to use the SVG - I couldn't help myself @dbloom https://github.com/gbif/hp-vertnet-plus/commit/644d4514188c07ccfe08526969442ad9ab20fb4f

It could do with some fiddling with margins and size. Getting the logo and homepage pretty is the most important part!!!