• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
1

Blurry Logo Help

Community Beginner ,
May 06, 2024 May 06, 2024

Copy link to clipboard

Copied

I'm trying to fix my companies Linkedin Logo that was uploaded by another department. However my Logo is always Blurry when I upload it to Linkedin. 

 

Attached I have the result of exporting the file 

300x300 for the artboard

72 for resolution

 

I've tried rasterizing the logo, changing the resolution...

 

I also took it into Photoshop and tried to export as well and got the same result 

 

attached is a PNG file at 72ppi and a screenshot of how my screen looks 

TOPICS
Type

Views

630

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe
Community Beginner ,
May 06, 2024 May 06, 2024

Copy link to clipboard

Copied

Here is the Logo 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 06, 2024 May 06, 2024

Copy link to clipboard

Copied

When you export vector artwork into something such as a 300 X 300 pixel image the end results are going to be only so sharp. The lettering in your logo has diagonal lines; those kinds of details will always be anti-aliased.

 

One thing that will improve the rasterized results of the lettering: sizing and positioning the capital letters where the tops and bottoms of the letters match up (or align with) the pixel grid. Multiple approaches can be used to do that. I attached a 300 x 300 pixel example where the "METRON" letters are sized at 45 pixels tall (to fit that 300 pixel wide space). Parts of the logo are still fuzzy looking, but the baseline and cap height lines of the letters match the pixel grid which makes it look noticeably sharper.

 

fbba396d-caa5-4c31-b5f4-55f6fe1653f0.png

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
May 07, 2024 May 07, 2024

Copy link to clipboard

Copied

Would it be best if I recreated the Logo to get a crisp image? 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 07, 2024 May 07, 2024

Copy link to clipboard

Copied

Unless it's a complete redesign optimized for that size: no.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
May 07, 2024 May 07, 2024

Copy link to clipboard

Copied

So will the logo as it is always appear blurry like that? 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 07, 2024 May 07, 2024

Copy link to clipboard

Copied

LATEST

If the destination file format is going to be a 300x300 pixel PNG image the end results aren't going to be much better than what I did by simply scaling the letters to a specific pixel size and aligning them to the pixel grid. It's possible to fine tune the other horizontal lines inside the letters where they align with the pixel grid. But doing that might adversely affect the balance and look of the letter strokes.

Another alternative (if it can be accepted) is using the SVG format. Just about every current web browser supports the SVG standard.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines