CODEWITHSUNDEEP
htmlcss
delete
delete

Reputation:

Picture appears jagged on my website

Here's how it looks on the latest Chrome. Looks the same in Opera/Firefox.

alt text

Here's the actual image I'm using on the website:

alt text

And the actual code:

<body>
    <div id="wrapper">
        <div id="headerarea">
            <img src="../../Content/Images/logo.png" alt="Cumavi.com - Vende tus cosas en Bolivia!" />
            <p>Los mejores anuncios de Bolivia!</p>
        </div>
        <div id="bodyarea">
            <div id="leftnavigationbar">
            </div>

            <div id="mainbody">
                @RenderBody()
            </div>

            <div id="footer">
            </div>
        </div>

    </div>
</body>

Upvotes: 0

Views: 635

Answers (3)

groundh0g
groundh0g

Reputation: 406

Check your options when you're exporting. I don't use Paint.NET, but if you're exporting with single-color transparency, then you're going to see jaggies. Make sure that you're exporting with a transparency option along the lines of "source image alpha".

Upvotes: 2

Tower
Tower

Reputation: 102945

Have a look at the picture in the standard image viewer in Windows. I bet it looks jagged there, too.

Try editing the file in GIMP or any other image editing tool than Paint.NET.

Upvotes: 0

John Parker
John Parker

Reputation: 54445

The image above (helpfully on white) is jagged - if it doesn't look jagged in a different browser, it's probably because you're looking at an older cached version of the image, or something similar.

In essence, the text in the image isn't anti-aliased. Mystery solved. :-)

Upvotes: 0

Related Questions