Hazy web graphics

Hello
I recently acquired a MacBook Air - the 2011 13.3" model. In many ways it is a great machine, but one thing I have noticed is that the display seems to be rather poor at displaying small web graphics - for example, avatars on Twitter. These often have a noticeably hazy, slightly out of focus appearance - in contrast to my iMac, where they are pin sharp. Is this simply a matter of screen resolution - obviously I am aware the iMac has a considerably higher res

Here's an example of what I mean, starring legendary tech superstar Steve Ballmer. Notice the haziness!

Similar Messages

2007 iMac vs New MBP for Web/Graphic Design?

Hey everyone,
I'm a web/graphic designer currently using a Mid-2007 iMac and looking to upgrade to the top level MBP for better performance and mobility. I'm usually running a few programs at a time (photoshop, indesign, illustrator, safari, spotify, etc) and my current setup seems to be bogging down lately. Given the specs below, will I see a big boost in performance by upgrading to the MBP? On paper 2.4ghz vs 2.8ghz doesn't seem like a lot, but I know the RAM, graphics card and whatever "turbo boost" is all play a big role as well. Any advice?
Current iMac:
-Mid-2007 iMac - 24"
-2.4GHz Intel Core 2 Duo
-4 GB 667 MHz DDR2 SDRAM
-ATI Radeon HD 2600 Pro 256 MB
-500 GB SATA Disk
Potential MBP:
-2.8GHz Quad-core Intel Core i7, Turbo Boost up to 4.0GHz
-16GB 1600MHz DDR3L SDRAM
-512GB PCIe-based Flash Storage
-Intel Iris Pro Graphics and NVIDIA GeForce GT 750M with 2GB of GDDR5 memory

Hi Bee!
Thanks very much for your advice!
However, why do you suggest the 21.5" over the 27"? Do you think it is worth the extra screen size, because I can afford either?
It seemed to me that the iMac was the best option also - I'm in need of the power, but I'm still deliberating over size.
Also, on a side note, do you know of any iPhone apps that can help me with transferring files from home to college I'm getting an iPod Touch as part of the new deal Apple are running and I just wondered if there were any apps that I would find handy for transporting files etc.?
Thanks again!

Is Fw really better for web graphics?

Ok, so I've downloaded the Fw trial to see how it's better
for web graphics than Photoshop. With Photoshop the usual problem
is that I have to mess around to turn on/off layers, copy parts of
images into new images to export transparent logos, tabs etc. so I
hoped that Fw have some intelligent slice system for one step
exports. Unfortunately I haven't been able to find it. Maybe I'm
wrong but it seems to me that Fw has a very primitive flat slicing
system, no overlapping is possible. So for a very basic example if
I have a background graphics on the top of the page that I want to
export (not the entire page) and a logo *on* it that I want to
export as a transparent png or maybe just as a jpg including the
background, it's impossible, because the logo slice will divide the
page into rectangles no matter what. I don't care about
HTML/CSS/whatever I just want to export overlapping graphic parts
in one simple step by properly defined slices. Looks like I
couldn't find the one step solution I hoped for in Fw. Am I missing
something?

I. G. wrote:
> Ok, so I've downloaded the Fw trial to see how it's
better for web graphics
> than Photoshop. With Photoshop the usual problem is that
I have to messing
> around to turn on/off layers, copy parts of images into
new images to export
> transparent logos etc. so I hoped that Fw have some
intelligent slice system
> for one step exports. Unfortunately I haven't been able
to find it. Maybe I'm
> wrong but it seems to me that Fw has a very primitive
flat slicing system, no
> overlapping is possible. So for a very basic example if
I have a background
> graphics on the top of the page that I want to export
(not the entire page) and
> a logo *on* it that I want to export as a transparent
png or maybe just as a
> jpg including the background, it's impossible, because
the logo slice will
> divide the page into rectangles no matter what. I don't
care about
> HTML/CSS/whatever I just want to export overlapping
graphic slices in one
> simple step by properly defined slices. Looks like I
couldn't find the one step
> solution I hoped for in Fw. Am I missing something?
>
>
>
>
>
In a word. Yes. It's designed to work with screen graphics,
and handles
both vector and bitmaps well at the same time. It's got quite
a few
more web-centric workflows than Photoshop.
Fireworks CS3 supports multiple pages. Each page supports
it's own web
layer, so you have much more control over slices and can
avoid the
problems of overlapping slices this way.
Overlapping slices don't work because it's impossible for FW
to
determine which one is the most important - and should be
sliced in whole
>>So for a very basic example if I have a background
> graphics on the top of the page that I want to export
(not the entire
page) and
> a logo *on* it that I want to export as a transparent
png or maybe
just as a
> jpg including the background, it's impossible, because
the logo slice
will
> divide the page into rectangles no matter what.<<
I'm not clear on what you're trying to do here as you seemed
to have
left some information out. Assuming you want a repeating
background
image and as separate slice for the logo.
Draw a slice that covers the width of your background, by
however many
pixels tall you need. Either lower on the page or on a
separate page
plave the logo and slice it as well. As you are not concerned
about the
html or CSS it's pretty straightforward from there. Just
export the
slices, and tell FW not to include unsliced areas. In your
html, set you
background image as a background image and your logo either
as an inline
image or as a background image within another containing div.
HTH
Jim Babbage - .:Community MX:. & .:Adobe Community
Expert:.
http://www.communityMX.com/
CommunityMX - Free Resources:
http://www.communitymx.com/free.cfm
.:Adobe Community Expert for Fireworks:.
Adobe Community Expert
http://tinyurl.com/2a7dyp
See my work on Flickr
http://www.flickr.com/photos/jim_babbage/

Web graphics / images display in low resolution on any web browser

Hi everyone.
This issue has had me stumped for a few months now. I never noticed this issue with Snow Leopard but now with Lion I have noticed that web graphics display at a significantly lower resolution. I switch between Google Chrome and Safari and the issue is present on both browsers.
Basically any website with graphics, or images will be pixelated and lacking in fine detail. It is painfully obvious when browsing sites like Flickr and 500px. In these cases, my own personal images look terrible online, but look absolutely normal in my Lightroom library, so I know it's not a strange display issue on my Mac.
I'm just curious if anyone has had a similar issue, and if you have figured out how to resolve it.
Thank you very much!
- Abram

i have the same issue with safari on my mac. i'm not sure if i have snow leopard or not. all i know is i am on a G4 with mac os 10.5.8 and have safari 5.0.1. last week, i could not watch certain video clips online, because {as it stated in my browser where the video should be} i did not have the most recent flash player. but when i went to download the most recent version, it told me it would not work on a power pc mac. so i researched and found out i had to use the flash 10.1.102.64 player... it's the most recent version that will work on a power pc mac. so i uninstalled the flash player i had on my mac and installed this player. all well and good... now i can see the videos.
but what's not well and good is that i no longer have hi-res images in my browser. all images are pixelated and unclear. i posted on the adobe forum to see if i could get an answer as to why.
here was my post/inquiry...
"I recently upgraded my Flash Player so that I could view internet content (such as videos) that were not available to me before I upgraded. Ever since, the images on most web sites that I visit are now pixelated (look very low-resolution). I had not made any other changes to any settings on my computer or software. The browser I use is Safari 5.0.1. I had to upgrade to the Flash Player 10.1.102.64 because I am on a PowerPC Mac G4, and that is the most recent version of Flash Player that will work with Power PCs.
Anyway, now that I have upgraded (which included first uninstalling the old Flash Player), my images look pixelated... most do, anyway. For some reason images I post to flickr appear okay on screen. But normal 72dpi images on standard web sites (like Yahoo) appear very lo-res.
Does this have to do with whether or not my Mac's operating system is 64-bit or 32-bit... or the Safari software... in relation to the Flash Player's... whether or not they are compatible? If not, I have no idea why this would have changed since upgrading my Flash Player. And if so, what can I do to get around it? I'm somewhat computer savvy... but not this much. Can someone please help me so that I don't have to pay $39 to call Support and ask them?"
here was their reply...
"Sounds like the installation went pear-shaped somewhere. Try it again using the method described here:https://discussions.apple.com/thread/2805854?start=0&tstart=0
Or maybe they'll know what the cause of your pixelated images is."
but the discussion link they gave me did not help. i had already done what it suggested. and i tried it again... still no luck.
help.... anyone!!!! please?

Macmini among the latest i5 or i7 are they appropriate for web/graphics/software development

Macmini among the latest i5 or i7 are they appropriate for web/graphics/software development?
Can operate with ease with Adobe Creative Cloud cs6 Apps? Also with xcode or Eclipse etc IDEs?
Also can get carried easily, and is 240/110V voltage Europe/USA?
MACmini server have all abilities of macmini client plus more, hence, can run Adobe Creative Cloud cs6 Apps, xcode & Eclipse?

Electrical and Operating Requirements
Line voltage: 100-240V AC
Frequency: 50Hz to 60Hz, single phase
http://store.apple.com/us/browse/home/shop_mac/family/mac_mini/select
Realize that only the Middle Mini has a real Graphic card.
http://news.softpedia.com/news/What-You-ll-Need-to-Run-Adobe-CS6-Mac-System-Requ irements-267982.shtml
http://prodesigntools.com/products/adobe-cs6-system-requirements.html

Photoshop for web graphics vs fireworks - sizing shapes and images

Hi all,
I'm a web designer / developer and I've always used fireworks to create my graphics for buttons, or backgrounds of web sites.
I'm aware that photoshop is apparantly the tool of choice for most pro web designers, but........
How the heck can you size things in Photoshop (CS3)???!
Sounds like a daft question, and sounds like an extremley basic task, but I cannot find how / where to do it in photoshop.
Say I need two shapes to be the same width, and I'm creating two images, how do I set the two shapes to be 100px wide for example? I don't mean the canvas, I mean a shape within a canvas.
Point me in the right direction and call me stupid!
Thanks

I don't know of any books that concentrate purely on editing graphics in Photoshop. The program was designed as a photo editor, after all, and web graphics are just a sideline.
Best overall book I know for learning the basics is the Photoshop Classroom in a Book, available for each version of the program. You can ignore the photo manipulation chapters (though I would recommend them ... one day you might want to put a photo on your website.)

Flex for Web/Graphics Designers

Hi,
I am a hard core web graphics designer and have worked
extensively in designing websites and web applications using CSS
and HTML. I have also created interactive presentations in Flash
but to the basic navigation level and not advance action scripting.
I do not have much knowledge in programming.
I would want to know how Flex works for web graphics
designers? What capabilities I will have to build into myself so
that I will be able to work on Flex and also propose solutions
while discussing with clients and developers?
It will be great help if any of you can guide me to become
and expert with Flex?
Regards,
Amit

Hi Rahul,
Thanks for the link. Let me go thorugh it and I'll get back
to you on that.
The reason for getting into Flex is: I feel it is related to
Flash and its really been a long time since i was deciding to get
into some programming (especially actionscripting). After
introduction of Flex, i thought it will be good to learn Flex as an
upcoming medium in creating RIAs by using actionscripting. In a way
I will get a chance to clear my fundamentals of programming which I
am looking forward to as the first step to learn the logic of
programming. Correct me if I'm worng.
I am open to doing courses also if needed. Please help me in
that.
Regards,
Amit

Vector logo to web graphic- which way?

Hello,
I am designing a web page in Illustrator and will be slicing the images. I have a fairly simple vector logo, no more than 128 colors needed.
My question is if I should:
a) convert the logo to a different format (gif or png) and then place it in my template and then slice and save for web, and if so, which file format in "save for web" would be best?
or
b) place the vector logo as is into my template and then slice and save for web- again, which file format would be best to save as?
Or perhaps there is another option I haven't considered? Any tips for keeping the logo sharp?
Thanks in advance.
Jen

.svg has never been greatly supported and requires the user to install a plug in to see it. It's really not wise to use SVG for general web graphics.
PNG is not greatly supported in IE6, especially PNG24. IE6 does still comprise about 20% of web users unfortunately.
PNG8 or GIF would be best if you need transparency. Without transparency, JPG may also be appropriate. Which one you use depends greatly on the logo and the resulting file size (kb) and appearance. There is no hard and fast rule as to which format to use.
As for the template... it really makes no difference how you do it. Just follow whatever path seems to work well for you.

Colors turn neon when opening a previously saved for web graphic

Whenever I flatten and save a graphic for web and try to go back and reopen it, all of the colors go to a funny neon. It doesn't let me adjust the colors back completely either. It also happens when I open screenshots. Any idea why this is happening all of the sudden? It didn't used to do this and then just started. I haven't changed anything except maybe did an update to Photoshop. Any ideas?

I have my settings at custom. Color management is set to "preserve embedded profiles."
My working spaces are prophoto RGB for RGB and US Web Coated SWOP v2 for CMYK.
I haven't ever gone in and changed any of these before. Should I?

Third party tools to extend Webi graphic capabilities

All,
Is any one aware or uses any good third party plug-ins to extend webi charts/graphic capabilities?
We are looking for a plug-in that will help us extend webi charting or in general report formatting capabilities.
Thank you in advance for your help.
Regards

Webi currently has limited charting options. For e.g: You cannot have a stacked vertical chart with a line chart.
I did come across
http://www.threedgraphics.com
i haven't got a chance to check it out. I am basically looking for more such third-party options.

Using Photoshop to create web graphics on a MacBook Retina Display

I have the new 2014 MacBook Pro with Retina Display and just downloaded the latest version of Photoshop. I've found that when creating graphics for the web (buttons, banners, etc), I have to zoom to 200% in order for the size of the graphic to be what will appear on the web. For example, a 600px wide banner appears to be 300px wide in Photoshop (even though it is, indeed, 600px when viewed on the web). I've learned that I have three options:
1) design while squinting to see the very small object on the screen (not really a good choice),
2) check the "Open in Low Resolution" box for Photoshop if I want my graphics to appear to be the right size when designing them in Photoshop, or
3) continue zooming to 200% when working in Photoshop.
My question is: aside from the obvious annoyance factor, which of these options is the best choice for creating the highest quality graphics for the web? Are they both the same result... or am I hurting my graphics in some way by choosing one over the other?
THANK YOU!

jennyhughesvt wrote:
For example, a 600px wide banner appears to be 300px wide in Photoshop (even though it is, indeed, 600px when viewed on the web).
That statement indicates you have a bit of a misunderstanding about how things work. It's not true, because you seem to be confusing the term "px" with a physical measurement. What you need to understand is that a pixel on a Retina display is far smaller than one on a non-retina display.
The key is this: Images are upsampled by Safari when displayed. Therefore, "viewed on the web", which you appear to think of as invariant, is actually not the same from computer to computer. Try this: Put a 600 px image into a simple web page, then display it in Safari on your Retina system and screen-grab it. Now measure the size of the image in pixels in the screen grab. It will actually NOT be 600px as you have stated.
Why would Safari upsize a web image on a Retina-equipped system? Because Apple realizes that if it displayed an image that's been prepared for a typical non-retina 100 ppi display, as most are, it would look tiny on the 200+ ppi Retina display, so it's zooming everything for you as a convenience.
I suggest taking some time to get your mind around how things actually work, and get to understand what a pixel really is, rather than making assumptions based on what you see. Once you truly understand how images are actually being displayed, you'll be able to make the right decisions that work for you.
Keep in mind that Photoshop is giving you the use of each and every pixel in that beautiful 200+ ppi Retina display. Safari is not, unless you program your HTML to take advantage of it.
The future of the web, in my opinion, is moving toward a model where images are actually provided at a higher-than-absolutely necessary resolution, and so high resolution displays will be able to make more of them, and people can easily use zooming to see even more detail as they want.
You might want to glance at this test page I created (and view the source to see how the HTML is coded):
http://Noel.ProDigitalSoftware.com/temp/WebImage/Test.html
-Noel

Os x doesn't print all web graphics

hi,
i often need to send web pages as pdf so the clients can see them properly, but not all graphics are shown and background images are missing.
example: if you get a print preview of this page, you'll see a lot of things missing. it's the same in safari and firefox.
any ideas how to fix that, apart from making a screenshot?
thanks

I'm not certain about other browsers, but in Safari (2.0.4) when you go into the Print dialog open the Copies & Pages list. Choose Safari, put a check in the box to Print backgrounds. Firefox (2.0.0.4) has even more settings to pick from.
Most of the "frills" don't print by default in order to minimize print time & ink consumption.
HTH|:>)
Bob J.

Help. Sharp looking web graphics.

Hello.
I'm a newbie, so hopefully someone can help me ;0)
My problem is this:
- on linkedIn, for example, the size for the header must be at least 1400px X 425 px, it says.
- so, I opened Illustrator and made a 1400px X 425 px rectangle
- I made the logo and uploaded it to linkedIn
now...
on my profile, it seems like tho logo isn't very sharp. Why? In Illustrator it is - even on 100%
I've had same problems with other logos, graphics...from InDesign and Photoshop.
I work on a Macbook Pro 15" with a retina screen and I see the linkedIn page on this device, as well.
I try to figure out, by searching the net, if the pixels or dpi or ppi, or what, has anything to do with it.
Can someone help or link me to a good tut? Is my problem a setting in my Adobe Programs?

Thank you. Both of you. So basically i need to find out about 'pixel (sub-) sampling and how it affects antialiasing and thus edge sharpness' - as you wrote? I'll go through the web...do you have an idea to a tutorial or something?

Best Product for Web Graphics & Email Marketing

What is the best product to start with if my focus is creating graphics for the web and email marketing?

Editing PDF files: there is NO good product for editing the text or content of PDF files. There are tools but they are for a desperate last resort when things are very badly planned. Acrobat can do this.
Acrobat: good for scanning to PDF. But in general no sensible tool lets you work with PDF as your main format. For example if you want to do letters in PDF, you do them (typically) in Word and make a PDF. Want a page layout? Use InDesign or Publisher, make a PDF. Want to change the PDF? Edit the original and remake the PDF. You need to keep originals religiously.
Maps: look for a specialist tool for maps. Adobe don't have one.
General: don't expect to find one program that does all your tasks. You will probably want Acrobat though for some PDF-related tasks.

Web graphic is not displayed the first time

Hi all
I have a strange issue with some users. The first time that they run the qry in the web, the chart is not diplayed, only is displayed a big "X" and the error msg is the msg below; but when they refresh, the chart is displayed ok.
How can I solve it?
Web application processing terminated
Diagnosis
The system had to terminate processing of the Web application.
The reason could be that the system was no longer able to find the Web application server session.
System Response
Processing the navigation step is not possible.
Procedure
Call up the Web Application again.
Note: Use the start URL and not the URL that is currently displayed in the Web Browser.
Procedure for System Administration
Notification Number BRAIN 278
Thanks in advance!

From HTML pass to jsp with post, then from jsp pass the same data to another jsp with parameter attached to the file URL, so method is "get":
top.location="../filename.jsp?path="+path;

Hazy web graphics

Similar Messages

Maybe you are looking for