Skip to main content
A
AL2D2
Participant
December 1, 2023
Answered

Resize an image of a logo to a specific small pixel size, without ruining the logo

  • December 1, 2023
  • 5 replies
  • 2161 views

Hello, I need to resize a jpg specifically to 120 pixels wide by 30 pixels high or smaller. Everything I have tried has failed to produce the image at an acceptable quality. I have exported the image, it is a logo design created in illustrator, with all kinds of different settings but the logo comes out so pixelated it is unusable. I understand that I am rasterizing a vector graphic and of course there will be pixels, but this is ridiculous! Please help 🙏

    This topic has been closed for replies.
    Correct answer Bojan Živković11378569

    Your logo looks fine at 100% magnification. Do you realize how small an image of 120x30 pixels is? It is normal to see some pixelation when you zoom in too much. If you need the image for web or other purposes, keep in mind that the viewer will see it at 100%, not zoomed in heavily.

    5 replies

    Stephen Marsh
    Community Expert
    Stephen MarshCommunity Expert
    Community Expert
    December 2, 2023

    This is essentially "pixel art" where the image needs to be created/painted from scratch at 100% size, similar to gaining the best results when creating a website browser favicon at 16×16, 32×32, 48×48, or 64×64 pixel sizes.

      D Fosse
      Community Expert
      D FosseCommunity Expert
      Community Expert
      December 1, 2023

      If this was created in Illustrator and it's for a website - why don't you export to SVG from Illustrator? That's the optimal solution, you don't have to rasterize it at all. It can go straight to the website as vector and will always be rendered at full screen resolution.

       

      While 120 x 30 pixels is indeed a tiny file, I happen to agree that this looks far to fuzzy. Yes, there will be pixels, but this looks smeared on top. That is no doubt a result of massive resampling. It actually looks like it's been upsampled.

       

      For tiny pixel images it's always best to create them at actual size. Don't downsample from a bigger file. If necessary, use the pencil tool instead of the brush tool, to get crisp pixel edges. Pixel art is not easy.

        Bojan Živković11378569
        Community Expert
        Bojan Živković11378569Community Expert
        Community Expert
        December 1, 2023

        I downloaded the file and opened it in Photoshop. It looks OK to me in Photoshop, but here in the preview it looks blurry. Maybe it's just me. Note: I don't wear glasses, although I have a prescription for +1 -1.

          D Fosse
          Community Expert
          D FosseCommunity Expert
          Community Expert
          December 1, 2023
          quote

          I don't wear glasses, although I have a prescription for +1 -1.


          By @Bojan Živković11378569

           

          Yes, this is getting hard to keep up with. I have two pairs of very expensive prescription glasses that can't use anymore, because my vision has changed so much in just a few years. At the moment I'm just improvising with cheap glasses that I pick up at the store, but one of these days I need to bite the bullet and go see the optician again.

           

          When will they invent glasses with autofocus? Now there's a market  😉

            Trevor.Dennis
            Community Expert
            Trevor.DennisCommunity Expert
            Community Expert
            December 1, 2023

            I am not sure if you want to make the image you uploaded larger, or this is what it looks like when you downsized it.

            If you have the full sized version, that would be much more useful.

              c.pfaffenbichler
              Community Expert
              c.pfaffenbichlerCommunity Expert
              Community Expert
              December 1, 2023

              If you think Photoshop’s result is not good enough (erroneously I would surmise) then why don’t you just export the graphic at the intended size from Illustrator? 

               

              Why gif by the way? 

                A
                AL2D2Author
                Participant
                December 9, 2023

                Apparently the client needs either gif or jpg format only and must be no larger than 120px x 30px. I realized after posting my question that the problem is not a problem and any image looks that way at a small size. 

                  Bojan Živković11378569
                  Community Expert
                  Bojan Živković11378569Community ExpertCorrect answer
                  Community Expert
                  December 1, 2023

                  Your logo looks fine at 100% magnification. Do you realize how small an image of 120x30 pixels is? It is normal to see some pixelation when you zoom in too much. If you need the image for web or other purposes, keep in mind that the viewer will see it at 100%, not zoomed in heavily.

                    A
                    AL2D2Author
                    Participant
                    December 9, 2023

                    Yes, thank you. I had thought that the problem was with my design but you are right because I tried to resize high quality photos to that size with the same result. It's just too small, but it is what is required. 

                    Terms & ConditionsAccessibility statement
                    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices