5 Replies Latest reply: Sep 7, 2013 8:46 PM by victorydesigns1557 RSS

    Logo's are coming out pixelated

    victorydesigns1557

      Ok so I am fairly new to illustrators but I have trained and used Photoshop for years and I have never had this problem.  I am creating a logo in Illustrator and when I save it for web and upload it into facebook the image is completely pixelate.  I have the document set for RGB at 72 PPI.  I am using a web safe color and on screen in illustrator my image loogs perfectly clear.  I have tried to save the document is several different file formats and nothing seems to help.  I have watched several tutorials and read many documents and set up my document formats to match and it has not fixed the issue.  I am out of ideas, can anyone help please? 

        • 1. Re: Logo's are coming out pixelated
          victorydesigns1557 Community Member

          Here are some images of what I am getting

          Screen Shot 2013-09-07 at 2.28.39 AM.pngthis is the web view.Screen Shot 2013-09-07 at 2.28.50 AM.pngthis is the ai file view

          Screen Shot 2013-09-07 at 2.29.55 AM.pngthese are my settings

          Screen Shot 2013-09-07 at 2.31.44 AM.pnganother web view

          • 2. Re: Logo's are coming out pixelated
            Jacob Bugge CommunityMVP

            victorydesign,

             

            There seems to be little (or no) pixelation at the edges of your web images, but plenty of JPEG muddiness.

             

            That is rather strange for a GIF.

             

            Are you sure the image size is the same when you upload it? A raster image at a wrong size in pixels x pixels is a known source of pixelation.

             

            To avoid any issues at the edges in connexion with a micmatch between Matte colour and (possibly varying) background colour, you may use PNG instead of GIF, if that is allowed.

            • 3. Re: Logo's are coming out pixelated
              Monika Gause CommunityMVP

              Inside Illustrator the screen is always redrawn at the current resolution and therefore is always crisp.

               

              That can't happen anymore as sonn as you export to a rasterbased format such as GIF or PNG or JPEG. The image is then frozen at the given resolution and therefore of course pixelated.

              • 4. Re: Logo's are coming out pixelated
                John Danek Community Member

                Aside from trying some dithering in the Save As > GIF dialog, It looks pretty good on my screen.  Are you viewing the file on a "retina display" by chance?  Is Antialiasing selcted in the original Illustrator file?  Monika is right, the file does become rasterized at 72ppi when the GIF is produced.  Are you seeing really obvious stair-stepping jaggies in the browser?  Is the logo being sized up in the browser?

                • 5. Re: Logo's are coming out pixelated
                  victorydesigns1557 Community Member

                  I did try saving it as PNG, BMP, TIF, GIF, and JPEG and I keep getting the same pixelate result.  I do not believe that it is resizing the image.  I did try it at several different sizes to check but it still looked the same no matter what size I made it.  I know that there are some issues with pixelation on facebook but I didn't know that this would be the case on other sites as well.  Could it be because the color is so saturated?  Which just makes it more noticeable maybe.