Website Logo - High Resolution

Is there a way to maintain the resolution and crispiness of the logo even if you zoom it? I try to zoom it but the logo becomes distorted and pixelated.  Here is our website homepage with our logo, http://www.aljoufilaw.com. Suggestions on how to do this is very much appreciated.

Here's a free online svg editor. It's a rebranded version but it can import .ai files. It seems a lot easier than the painstaking processes I've read about and looked through in saving the files correctly from the illustrator dialog boxes. I could be wrong... http://ian.umces.edu/diagrammer/editor/svg-editor.html.
Also, in the post above I didn't really explain that the code tells the image to be 100% wide, not specifying height (so it remains proportionate) the 100% is of the div the image occupies. So, at any size device screen, the image looks good. However, the multiple css definitions for different device screen widths like the BC gurus have been doing are in my opinion the best type of responsive, since rather than just shrink, they re-arrange to fit.

Similar Messages

  • Creating a high quality website logo in Photoshop or Illustrator

    I'm trying to create a very high quality crips website logo using Photoshop or Illustrator, but everytime I export the design into PNG, the text borders are not as crip compared with Google logo. How do I create a very crips and sharp logo using Adobe software? Please tell me what software, how to export, what the size of the document should be, what resolution, any detailed tricks, designs and pointers would be helpful. I know I can create a logo, but it is blurry and it shows. When I put my logo on a gray background for instance, the text becomes more blurrier. You know the deal.

    hmmm. Where to start?
    The question points to several areas of digital design fundamentals that indicate you need to educate yourself through classes, books, tutorials. The PS Forum can't really get at all the issues you bring up; resolution, vector vs raster, web graphics, transparency and the web. You are asking how to make a logo and that is a really broad request not easily answered.
    A quick search for "Photoshop for Web Design" yields a lot of possibilities. There are a lot of books and a lot of free and not so free online tutorials.
    Here are a couple:
    http://www.lynda.com/Photoshop-tutorials/Photoshop-for-Web-Design/
    http://www.1stwebdesigner.com/tutorials/web-design-layout-tutorials-2010/
    Good Luck.

  • Saving a logo as a .EPS file, need higher resolution than 75dpi

    Hi, hope someone can help me
    I have designed a logo & sent it to the client, but they have come back to me asking for it in a higher resolution.
    Apparently the .eps file I sent to them was 75 dpi but they need 300 dpi
    I have opened up the original .ai files & tried to save them in higher resolution .eps but there is no option in the .eps save as dialogue box to save at higher resolution. The only part that seems to mention it is in the Transpency section... Preset: [Medium Resolution] But it's greyed out.
    Does anyone know where I am going wrong?
    Thanks!!!
    Jade

    Should I tell the client it is fine at 75dpi??
    It's very common for someone receiving an EPS to import it into another program, see the embedded For-Position_Only preview (which is a raster image) and think it is a "low res EPS."
    EPS is a metaformat. It's like a box that can contain any combination of raster, vector, and/or text objects. So EPS itself, like an Illusrtator fle, has no resolution, because resolution in a metaformat is object-specific to whatever raster objects which may or may not be included. A single EPS file may contain a 300 PPI raster image, and a 150 PPI raster image at the same time. Or, it may contain no raster objects at all, and only contain vector paths.
    Regardless of the actual content, when you save the EPS, a screen-resolution raster image is created and embedded. This is to provide the program which is going to import it something for the user to see onscreen.
    When the file is printed to a PostScript device (EPS stands for Encapsulated PostScript), the device prints the full-res raster objects, the vector objects, and/or the text objects that are contained in the EPS.
    When the file is printed to a non-PostScript device, only the low-res preview is printed, because non-PostScript printers have no "brain" to interpret PostScript content.
    If you are going to provide EPS to your customers, you should have some idea of what they intend to do with it, and make sure they have at least some basic understanding of what it is.
    JET

  • Website misaligned at higher resolutions

         Hello,
    My website was designed in Dreamweaver CS4. It's gone through a few transformations but for whatever reason. I just made some design changes this past weekend and for whatever reason if the site is viewed at 1440 x 900 or higher, some of my elements on the page are out of alignment.
    Any resolution up to that point, we're fine. I've done research on the different layouts such as fixed or elastic or liquid. Currently, it's liquid. I'm wondering if any other settings need to be tweaked to keep this from happening. If your monitor does not go that high, feel free to Google "screen resolution simulator" and test the alignment there.
    my web address is http://www.mikebillsphotography.com
    This is really kind of frustrating because it shows a lack of credibility especially if someone hit's your site at a high resolution.

    After this code in your page:
        <div align="center"><span id="MenuBar2"><span id="MenuBar2"><span id="MenuBar2"><a href="http://www.mikebillsphotography.com/galleries.html" title="Mike Bills Photography - Family Circle Cup Galleries">CLIENT LOGIN</a></span></span></span></div></li>
      </li>
    </ul>
    after the </ul> add this line:
    <div style="clear: both;"></div>
    The reason your row of photos trails up to the end of your menu is because there is nothing telling it to stay on the next row. This code should do that for you.
    Beth

  • High ram usage when loading high resolution images

    Hello,
    I'm wondering why Firefox almost hangs my system while opening high-resolution images like this one (save your data, you have been warned):
    http://minecraft.1favre.de/output.png
    While opening, it involves X process to use CPU and a lot of memory (it's freed shortly after loading the image). Other browsers don't do that. Moreover, other browsers don't do any problems with such images, they load it fast and efortless. I Have 2GB of RAM.
    Firefox memory usage: http://wklej.org/id/1027301/
    Konqueror memory usage: http://wklej.org/id/1027305/
    Opera memory usage: http://wklej.org/id/1027306/
    Chromium was problematic with getting the log: http://img.koci.net.pl/images/screen252.png
    Unfortunately I was unable to generate log with nvidia-bugreport.sh. Doesn't work, strange. Here are some details of my system:
    02:00.0 VGA compatible controller: NVIDIA Corporation G73 [GeForce 7300 GT] (rev a1)
    nvidia-settings: version 304.88 (buildmeister@swio-display-x86-rhel47-06) Wed Mar 27 15:32:47 PDT 2013
    [root@linux mk]# uname -a
    Linux linux 3.8.10-1-ARCH #1 SMP PREEMPT Sat Apr 27 12:36:59 CEST 2013 x86_64 GNU/Linux
    root@linux mk]# X -version
    X.Org X Server 1.14.1
    Release Date: 2013-04-17
    X Protocol Version 11, Revision 0
    Build Operating System: Linux 3.8.7-1-ARCH x86_64
    Current Operating System: Linux linux 3.8.10-1-ARCH #1 SMP PREEMPT Sat Apr 27 12:36:59 CEST 2013 x86_64
    Kernel command line: BOOT_IMAGE=/boot/vmlinuz-linux root=UUID=9ddb4ac2-a9bf-44db-830c-9ba210ea6d12 ro quiet
    Build Date: 17 April 2013 02:37:06PM
    Current version of pixman: 0.28.2

    Hello,
    The Reset Firefox feature can fix many issues by restoring Firefox to its factory default state while saving your essential information.
    Note: ''This will cause you to lose any Extensions, Open websites, and some Preferences.''
    To Reset Firefox do the following:
    #Go to Firefox > Help > Troubleshooting Information.
    #Click the "Reset Firefox" button.
    #Firefox will close and reset. After Firefox is done, it will show a window with the information that is imported. Click Finish.
    #Firefox will open with all factory defaults applied.
    Further information can be found in the [[Reset Firefox – easily fix most problems]] article.
    Did this fix your problems? Please report back to us!
    Thank you.

  • Low resolution Illustrator file needs to be changed to high resolution?

    I created a logo for a client in Illustrator that they were going to use on large format banners.  The file contained one Photoshop image that I  imported into my Illustrator file and changed into a vector object.  I also outlined all type.  The only other items on the logo were colors done in CMYK.  The client now says the overall image was done in 'low resolution' and needs to be in 'high resolution' but I'm confused about what part of the design she would be referring to (as, as far as I know) there are no pixels that would pertain to resolution - (unless the CMYK color builds translate into a problem?).
    As she is a new designer for a client (my friend) I'd like to get some feedback before I just ask her what she's talking about and embarrasing her (or me).
    Any thoughts?  Thanks.

    I'll note... after reviewing my file, the only other thing I noticed was under Document Setup, the Transparency preset was at 'Medium' instead of 'High' resolution, but here again, I thought this was a non-factor because as far as I know there is no 'transparency' (no jpegs, effects, etc.)... just the vector items that I noted.

  • How to fix lost connections to original high-resolution pictures in iPhoto and how to import an iPhoto Book from one iPhoto library to another

    Hi there,
    I am using a MBP Pro with 8 GB cache and 1 TB HDD from beginning of 2011 with OS X Yosemite and iPhoto version 9.6 (910.29).
    I created an iPhoto Book to print which contains my best pictures of 2013 and 2014. Then I got an error message when I wanted to print the book, saying (translated from German):
    Book could not be created.
    With photo p233432343.jpg there was an error. The original version of that photo with full resolution could not be found or is damaged. Please replace the photo or delete it from your book.
    When I enquired further, I found out, that many, many pictures in my iPhoto library have that problem - only the thumbnail picture is found by iPhoto, but not the one with the high resolution. When looking at the photos in detail one sees that they are not sharp because obviously the photo book only refers to the thumbnail. When I went into the iPhoto Library using Finder, I saw that the original high res photos are still there. As there are an estimated 3000 photos with a lost connection (some still have, it but about 1/2 of my photos don´t), it does not make sense to import those photos manually. This photo book is just the tip of the iceberg, so to say.
    Then I looked for solutions in some forums. I had two lPhoto libraries, one on my HDD (120GB) and one on an external HDD (175GB). Assuming there might be problems, I have deleted (moved) the one on my HDD, because the "right one" is the one on my external HDD and started iPHoto again using the alt key. But that did not work either.
    I then tried to repair my iPhoto library using iPhoto Library Manager, and merged and rebuilt libraries. The library that came out was crap - all folders that had lost connections to the high resolution pictures now have zero photos in it. Also it is lacking the projects, including the photo book I created.
    Then I went to find out if there is a way to import the iphoto book project from the old, corrupt library into the new, repaired library but could not find anything. It can only be exported as a file structure or website. As the file structure is missing the high res pictures, that does not even solve the "little" problem of the photobook.
    I would REALLY appreciate your help on the two questions:
    1- Can you advise what I need to to do to to get the connection to the high resolution photos established again  ? As it is more than 3000 photos, I use an automated way of reestablishing that connection. Probably an answer to this question would make question 2 irrelevant.
    2- Do you know if there is a way to export and import a book project created in iPhoto from one library to another ?

    1 - Select  the thumbnail of one of the problem photos and use the File ➙ Reveal in Finder ➙ Original menu option.  This will take you to the folder containing the original file with that file selected by the Finder. 
    You can also use Find Any File to search for that file (get the file name from the Info pane in iPhoto). You will find the thumbnail version and maybe an edited version also.  Made sure what is found is the large, original version and note were it's located.  Search all of your drives with FAF just in case.
    If you don't fine the full sized version then the only recourse is to use a file recovery application like   SubrosaSoft FileSalvage on your drives to see if any of your full sized photos can be recovered.   If you find enough files to make the purchase of the software worthwhile buy it and recover the files.  However, since it may have been quite a while since you discovered the missing originals it seems unlikely you'll be able to recover any due to being overwritten.
    2 - book projects are just entries in the library databases and can't be exported to another library. 

  • ?: Will a high resolution display work in PSCC (Windows)

    Hello everyone,
    I am going to be purchasing a windows laptop 15" that has 2 screen resolution choices. I can choose a 1920x1080 or a 2880x1080. I would rather purchase the 2880x1620 display but i am confused as to whether or not it will work properly with Photoshop CC in a Windows environment.
    Here are my 3 questions for you:
    1. Will a 2880x1620 display be workable with PSCC or should i opt for the 1920x1080 option?
    2. If there is no solution currently for the higher resolution option do you think there may be one soon?
    3. If i purchase the 2880x1620 display can i run it at a lower resolution until the problem is fixed or will not running it at the native resolution create other problems?
    Thank you so much for helping me with this. I need to order the laptop soon and im at a loss as to which display to select.
    Best to you and thanks again,
    rick

    Yes Trevor thats me! I thought that was you! How are you doing?? Great to hear from you :-)
    A couple of things as i stayed up late last night looking around.....
    I have looked at the Dell Precision M4700 and because its got the older processors & its not as expensive as the M4800 but would seem to work well for me. Im looking for something that is not too high a resolution like 1920x1080 (and even that is pushing it on a 15.6" screen im sure), good viewing angles, lots of RAM, decent NITS, decent sRGB coverage and that wont break the bank. Easy chore huh?
    I think with this purchase im going to have to make some compromises and by getting this machine i think i will be ok. Im sure they will probably come out with a high resolution fix the day i get my lower resolution display but hey, thats the way it goes huh?
    Im using a very old MacBook Pro right now that is 1200x800 and it is excellent so im sure i'll be fine with a 1920x1080 display.
    One thing that has me confused is when i look at Dell's website it states that all of their machines are approved for Photoshop CS6. Kind of funny they would say that if that includes the high rez version no?
    Also, they have something called an "optimizer" which i beleive is software that works with your computer to optimize it for certain applications on the fly. It lists it as working well with Photoshop. That would in no way be a solution to the high rez display issues would it?
    I even saw a video that had the highest resolution display with Photoshop on it and it looked fine! Did they Photoshop that??
    Any insight you can give me before i pull the trigger would be most appreciated. I am getting a Windows machine because i have to run QuickBooks for Windows on it and i dont want to use Parallels or Boot Camp. Just me but i dont like the idea of doing that (i know im wierd!)
    Hope to hear from you all soon!
    Thank you so much for the great help!
    best to you,
    rick

  • High resolution PDF still generates low resolution drop shadows?

    I have created a series of print ads in InDesign CS5.5 to be run in magazines, and at the bottom of the page is the company's logo, with a drop shadow applied to it within InDesign. Nothing strange there. Upon exporting the PDF, I use the Press Quality settings which by default are made to create 300 dpi PDFs. The only changes I make in the settings is adding bleed and crop marks, I don't change anything that could affect the resolution or transparency settings. But still, the magazine's print-technician always replies that the shadows in my document have a low resolution.
    Up until now I have told him to not worry and run it anyway, and the results have been fine - I haven't noticed any problems with the quality of the print in the magazine. But it really annoys me that I keep getting these error messages - I want to create perfect PDFs! Why on earth are my shadows ending up as low resolution images?
    The only thing I can imagine might be a sign of an issue is under the Advanced-tab in my Export-settings. The Transparency Flattener section (which I, to be honest, am not quite sure what it is) is set to medium resolution, and is greyed out - meaning I can't change it to high resolution. Could this be what is causing it? And if so, how do I fix it?

    I don't spend a lot of time with Acrobat's preflight, but it looks like it assumes what the flattener preset will be at output even though it could be anything.
    The default Press Quality preset exports live transparency with the flattener grayed out as Medium and it looks like Acrobat preflight considers that even though nothing has been flattened yet. So, here I've made a 3" sqaure box and exported it with Press Quality and prefilght tells me it's roughly 200ppi (which by the way is plenty for a dropshadow):
    If I change the preset to High (set the Compatibility to 1.3, which lets you set the flattener to High, then reset compatibility to 1.4):
    Then Acrobat's preflight tells me the shadow will have more resolution:

  • How do I put high resolution pictures on my new iPad?

    So I picked up a new iPad and I love it but when I try to put high resolution photos (2048x2048) for the wallpaper on it it resizes them to 1024 for example... This happens via email and when I download them from a website.
    HOw do I get high resolution photos on my iPad to take advantage of the awesome screen?

    Sync photos from your computer. If the new iPad is like the iPad 2 the photos will be sized to display at the screens resolution. Thus they should look stunning on your new iPad.

  • Want a High Resolution LED Display

    Hi,
    I am considering of buying a T400 soon, probably this summer. My major concern about the matter is that the WXGA+ (high resolution 1440x900) display is no longer available, on both US and Canadian website.  From what I read in this forum, such spec is discontinous, and I am frankly very disapointed. Basically, I consider that as a deal breaker. A choice to make between resolution and display brightness + power saving is a decision I can not make with my conscious mind.
    I really hope that the high res LED display will be back soon, and I would appreciate a representitive from lenovo to confirm this. 
    I heard there are numerous issue related to the LG vs. Samsung LEDs and also the negative feedback on the keyboard issue since the launch of new T400. As the Flagship of the range, I truely hope that the Thinkpad engineering team do not repeat silly mistakes like these to ruin the name of Thinkpad.
    thanks

    Yes Trevor thats me! I thought that was you! How are you doing?? Great to hear from you :-)
    A couple of things as i stayed up late last night looking around.....
    I have looked at the Dell Precision M4700 and because its got the older processors & its not as expensive as the M4800 but would seem to work well for me. Im looking for something that is not too high a resolution like 1920x1080 (and even that is pushing it on a 15.6" screen im sure), good viewing angles, lots of RAM, decent NITS, decent sRGB coverage and that wont break the bank. Easy chore huh?
    I think with this purchase im going to have to make some compromises and by getting this machine i think i will be ok. Im sure they will probably come out with a high resolution fix the day i get my lower resolution display but hey, thats the way it goes huh?
    Im using a very old MacBook Pro right now that is 1200x800 and it is excellent so im sure i'll be fine with a 1920x1080 display.
    One thing that has me confused is when i look at Dell's website it states that all of their machines are approved for Photoshop CS6. Kind of funny they would say that if that includes the high rez version no?
    Also, they have something called an "optimizer" which i beleive is software that works with your computer to optimize it for certain applications on the fly. It lists it as working well with Photoshop. That would in no way be a solution to the high rez display issues would it?
    I even saw a video that had the highest resolution display with Photoshop on it and it looked fine! Did they Photoshop that??
    Any insight you can give me before i pull the trigger would be most appreciated. I am getting a Windows machine because i have to run QuickBooks for Windows on it and i dont want to use Parallels or Boot Camp. Just me but i dont like the idea of doing that (i know im wierd!)
    Hope to hear from you all soon!
    Thank you so much for the great help!
    best to you,
    rick

  • Does iPhoto 11 upload high resolution Facebook pictures?

    When uploading pictures from the Facebook website it gives you an option to upload pictures in high resolution.
    My question is does iPhoto 11 upload pictures in high resolution or does it use the 'normal' Facebook resolution option?
    Thank you

    Hey I have the same question.
    I uploaded an album using iPhoto images although I uploaded them using Facebook.com and they look wonderful. Now I went the lazy route and used just iPhoto to upload to facebook and the images all look blurry and distorted. I think it doesnt upload it the way it should which should be High-Quality. When you use facebook.com it allows high quality but iPhoto doesn't even mention it sadly.

  • Printing to Stylus Photo 2200 At High Resolution Causes Color Shift

    I recently upgraded to InDesign CS3, and I'm having color issues when printing to my Epson Stylus Photo 2200 using higher resolution settings.
    From the Print dialog box I click the Printer button and choose Print Settings from the pull down menu. For Media Type I choose Enhanced Matte Paper and set the Print Quality to Photo - 1440.
    When I print the file (a document I've printed successfully many times before) the grey process color in my logo come out burgundy, and the other colors are all off.
    If I don't adjust any of the Printer settings, the colors appear fine, but the quality is poor.
    How can I fix this issue?

    Sorry for being but I was just brought in to solve the same problem as Nobody Special and now searching forums! Both Apple Cinema monitor and Epson 2200 were calibrated with a Greytag MacBeth Eye1Photo.
    The problem is a color shift and a greater saturation of color. When the image was printed with the same system using InDesign and Photoshop CS2, it printed accurately. With CS3, the problem noted above developed.

  • High resolutions

    We are using a Elements 21" monitor, we went to a higher resolution and it was not supported. How high can we go currently we are at 600X800. We use light-room and want to view the highest resolutions possible.

    Look up the monitor for specs at the manufacturer website and then use a program such as DisplayConfigX and create a proper profile and all should be good. My monito mis-identifies itself limiting it to 1024X768 not the 1600X1200 it truly is capable of.
    Only downfall is it cost money but your monitor should work fine.
    Might have to check for 10.5 support as not listed on website at this time.
    Message was edited by: ewetho

  • IPhone pictures do not seem to be high resolution- can I change settings?

    Hello.
    I am at the beach.  I have my iphone and my DSLR.  When I am taking pictures with my iphone they do not seem to be high resolution.  The tones do not gradually change and when the pictures enlarge (on my phone) they seem somewhat pixelated. When I email them 'actual size' they are around 600-800kb which seems small to me. 
    Is this normal or has a setting been changed on my phone?  I have never used the iPhone for its camera but has always read great things about it.  It seems like I must be doing something wrong.
    Thanks in advance

    That is confusing, I cannot find any camera controls in Settings or in the Camera app other than HDR...and my photos range from full image at 2.4 MB on down when sending by email.  So my raw size is 2.4 MB for an iPhone 4 with iOS 7.0.6.
    Have you tried a reboot by holding both the power and home buttons until the apple logo appears, ignore the red slider if that appears, to see if that resets things?  Long shot but worth a try as it does not harm any data or content.

Maybe you are looking for