PixelJoint Zoom
Printed From: Pixel Joint
Category: The Lounge
Forum Name: Resources and Support
Forum Discription: Help your fellow pixel artists out with links to good tutorials, other forums, software, fonts, etc. Bugs and support issues should go here as well.
URL: https://pixeljoint.com/forum/forum_posts.asp?TID=16329
Printed Date: 11 September 2025 at 2:28pm
Topic: PixelJoint Zoom
Posted By: Andreonh
Subject: PixelJoint Zoom
Date Posted: 14 May 2013 at 3:38pm
So, I'm not quite sure where to put this since there isn't an "Off-Topic" section.
I've been lurking here for, I dunno, 2 months or so, and have seen repeatedly, someone who posted pixel art that was magnified, and immediately got told not to do that. Yet it seems the people who post a decent sum of art, say 10 or 15 decent images, are left out of the
I can understand the ramifications of scaling it by strange integers or ratios, that makes sense.
My actual question is why does everyone purport the zoom feature to be so great? So far, I have only noticed that it blurs the image, causing it to look bad at scaled resolutions. This is in contrast to being able to scale it up myself without a scaling algorithm in play, like Nearest Neighbor, or BiCubic interpolation.
So why the hatred for scaled pixel art if scaled correctly?
Just wanting friendly discussion, not trying to seem on the offensive here. Just find it mildly interesting.
|
Replies:
Posted By: jalonso
Date Posted: 14 May 2013 at 4:15pm
Because Pixeljoint is dedicated to art on the pixel level and it is about pixelart then art at 100% is best because all members want to see the art in true size for study, ejoying, learning purposes. The zoom feature is there to then further inspect and study. Most browsers used to be good even when zooming and its just the default PJ stance to have art at 1X. In the last few years browsers have added the 'blur' effect and while most don't even notice it does affect pixelart and we now will accept prescaled pixelart for those who have this problem with their browsers. This is of course always true when the art description syas its designed to be prezoomed in which case that trumps it all. The is still a way to have zoomed art be sharp thru addons and some browsers are still good. The resource section somewhere has the addon and the script to add to a browser to eliminate blurring. I think this works with everything but Chrome. So there is no hate for scaled art. There is only love for pure pixels.
------------- http://www.pixeljoint.com/forum/forum_posts.asp?TID=9378&FID=6&PR=3 - PJs FAQ <•> http://www.pixeljoint.com/forum/forum_topics.asp?FID=6 - Sticky Reads
|
Posted By: AtskaHeart
Date Posted: 14 May 2013 at 4:19pm
Not everybody sees the blurry effect in images when scaled through the zoom feature (for example, in my PC I see images blurry, but that doesn't happen when I use a PC in my college.
What I would do is post images in 1x, and then a link to a magnified image (Nearest Neighbour algorithm) for those who see them blurry.
Edit: You replied faster than me xD!
|
Posted By: yrizoud
Date Posted: 15 May 2013 at 8:17am
When you pre-scale by x2, I can no longer view at odd factors like x3, and x3 is the ratio I use most (when I can). It's especially a problem for wide pieces, since PJ doesn't provide a horizontal scrollbar... If I try to zoom even just once, the borders are cut.
|
Posted By: king_bobston
Date Posted: 15 May 2013 at 9:21am
Hey, I noticed that I get the blury effect on pixeljoint but not on pixelation. Can't we ask for permission for their zoom script? It seems to support more browsers. I have firefox on win8 by the way (without any relevant addons/extentions).
Edit: win7, not win8!
|
Posted By: jalonso
Date Posted: 15 May 2013 at 2:52pm
See if you can find it but as far as I know its not the site that determines blurring its the browser.
------------- http://www.pixeljoint.com/forum/forum_posts.asp?TID=9378&FID=6&PR=3 - PJs FAQ <•> http://www.pixeljoint.com/forum/forum_topics.asp?FID=6 - Sticky Reads
|
Posted By: yrizoud
Date Posted: 16 May 2013 at 1:55am
Ah I just checked, PJ gallery and Pixelation both use the same CSS "hints" for browsers to behave properly : img.zoom { image-rendering: optimizeSpeed; /* Legal fallback */ image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */ image-rendering: optimize-contrast; /* CSS3 Proposed */ -ms-interpolation-mode: nearest-neighbor; /* IE8+ */ } But PJ forum doesn't have it...
|
Posted By: king_bobston
Date Posted: 16 May 2013 at 4:06am
Originally posted by jalonso
See if you can find it but as far as I know its not the site that determines blurring its the browser.
... b-but but I-...
Originally posted by king_bobston http://www.pixeljoint.com/forum/member_profile.asp?PF=34489&FID=6 -
] Hey, I noticed that I get the blury effect on pixeljoint but not on pixelation. (...)
I beg to differ!  And no, I don't switch browsers or pc's to view different sites.
|
Posted By: jalonso
Date Posted: 16 May 2013 at 6:45am
I've sent Sedge a note with yrizoud's post and see why the forum does not have that code included.
------------- http://www.pixeljoint.com/forum/forum_posts.asp?TID=9378&FID=6&PR=3 - PJs FAQ <•> http://www.pixeljoint.com/forum/forum_topics.asp?FID=6 - Sticky Reads
|
Posted By: Hapiel
Date Posted: 16 May 2013 at 4:09pm
You can also include this CSS code in firefox style. This will make gifs or png s on any website crispy. For a manual see http://www.pixeljoint.com/2009/06/15/2859/Fix_Firefox.htm - my news post here.
-------------
|
Posted By: jalonso
Date Posted: 26 May 2013 at 11:12am
We just added the css script yrizoud posted. @all, refresh test and report making sure you mention what browser you use at least.
------------- http://www.pixeljoint.com/forum/forum_posts.asp?TID=9378&FID=6&PR=3 - PJs FAQ <•> http://www.pixeljoint.com/forum/forum_topics.asp?FID=6 - Sticky Reads
|
Posted By: Cammymoop
Date Posted: 26 May 2013 at 2:49pm
Crisp zooming on forums confirmed
computer: Windows 7 Firefox 21
|
Posted By: Manupix
Date Posted: 26 May 2013 at 3:11pm
This thread needs an image for testing purposes, amirite?

W7 + Fx21. Aaaaaand the result is ... CRISP!!! CONGRATS!!! 
|
Posted By: jalonso
Date Posted: 26 May 2013 at 5:03pm
IE, Chrome and Safari anyone? Opera is fine and confimed on PCs.
------------- http://www.pixeljoint.com/forum/forum_posts.asp?TID=9378&FID=6&PR=3 - PJs FAQ <•> http://www.pixeljoint.com/forum/forum_topics.asp?FID=6 - Sticky Reads
|
Posted By: Numberplay
Date Posted: 27 May 2013 at 12:12pm
Posted By: king_bobston
Date Posted: 28 May 2013 at 4:55am
Pixeljoint Forum just got more crisp! Works for me. I'm still on Firefox on Win7... wait, wow, I noticed that I posted I use win8 which is wrong, I use win7. I should get more sleep to prevent these errors 
|
Posted By: jalonso
Date Posted: 28 May 2013 at 6:06am
@Numberplay, fixing blurs is not possible in Chrome because the browser code can't be overridden. This is what others more code savvy have said before.
------------- http://www.pixeljoint.com/forum/forum_posts.asp?TID=9378&FID=6&PR=3 - PJs FAQ <•> http://www.pixeljoint.com/forum/forum_topics.asp?FID=6 - Sticky Reads
|
Posted By: Manupix
Date Posted: 29 May 2013 at 2:58am
Also I just noticed that the zoom factor increments +1 per click, that's so much better than x2 as in the gallery
|
Posted By: yrizoud
Date Posted: 29 May 2013 at 10:17am
! I had never noticed ! In /pixels/includes/js/zoom.js, there's the following function :
function zoom(type,imgx,iWidthIn,iHeightIn) {
imgd = findDOM(imgx);
//alert(imgd.width + ", " + imgd.height);
if (type=="+" && imgd.width >= iWidthIn) {
imgd.width = 2*imgd.width;
imgd.height = 2*imgd.height;
}
if (type=="-" && imgd.width > iWidthIn) {
imgd.width = imgd.width/2;
imgd.height = imgd.height/2;
}
} It should be changed to something like this:
function zoom(type,imgx,iWidthIn,iHeightIn) {
imgd = findDOM(imgx);
var factor = imgd.width/iWidthIn;
if (type=="+" && factor<16) {
imgd.width = (factor+1)*iWidthIn;
imgd.height = (factor+1)*iHeightIn;
}
if (type=="-" && factor>1) {
imgd.width = (factor-1)*iWidthIn;
imgd.height = (factor-1)*iHeightIn;
}
}
|
Posted By: jalonso
Date Posted: 29 May 2013 at 12:20pm
oh noes...I don't get that :(
@ yrizoud, Can you post what we need to do and what it is we are doing exactly, thx.
Is the new code you suggested correct or not o.O
------------- http://www.pixeljoint.com/forum/forum_posts.asp?TID=9378&FID=6&PR=3 - PJs FAQ <•> http://www.pixeljoint.com/forum/forum_topics.asp?FID=6 - Sticky Reads
|
Posted By: Hapiel
Date Posted: 29 May 2013 at 12:25pm
This code from yrizoud would make the zoom buttons on the art pages increase the artwork by factor 1 instead of x2. Right now the steps are: 1x, 2x, 4x, 8x, and with Yrizoud's script it would be 1x, 2x, 3x, 4x, 5x etc. In the forum this already happens, in the gallery this does not.
-------------
|
Posted By: jalonso
Date Posted: 30 May 2013 at 6:42am
I've never noticed this zoom discrepancy. So what does PJ want best on both the gallery and the forum: 1x 2x 4x 8x etc or 1x 2x 3x 4x etc
------------- http://www.pixeljoint.com/forum/forum_posts.asp?TID=9378&FID=6&PR=3 - PJs FAQ <•> http://www.pixeljoint.com/forum/forum_topics.asp?FID=6 - Sticky Reads
|
Posted By: Hapiel
Date Posted: 30 May 2013 at 6:56am
Most definitely 1,2,3,4x. Just like Manupix I dislike the gallery zoom.. Of course this could be the right moment to make a list of fixable flaws and fix them for Sedge. Sadly only the javascripts and mark up files are easy to read, the server side code is not of course but this should be enough to also fix:
- gallery page not displaying artwork wider than 720 px correctly (or artwork zoomed in too much)
- gallery browser page is sticky, so you stay on page 3 if you left on page 3 when you give a new search, such as going to the public queue (which then looks empty)
- I would still like the forum to be intergrated in the site, so that if you click forum you stay on the front page, the top bar and all the artworks on top stay, the footer stays as well, only the news and the chatterbox get replaced by the forum. This is technically writable without too many effort and without having to download the server side code.
- The projects and features topics could be reorganized, as they are outdated. All old projects and unused features could be more hidden. If we want to modernize PJ we could start by cutting out the crap, such as the quote system.
- Last but not least, my favorite problem on the site: The rating system. But this requires effort from sedge. Lets rewrite a rating system that does not rely on pieces getting multiple rates so that all these 'golden oldies' can leave the HoF if newer pieces turn out to be better. This also keeps the HoF on the frontpage more fresh.
Users at a higher level should have more weight to their ratings, not more rating bubbles (this does not make sense in any way). This possibly requires resetting all the rates.
- We should replace the WYSIWYG editor on PJ (the forum one is still fine), it is outdated and does not always function well.
Also, I am interested to hear about PJ's security. I have seen so many old websites recently where hackers got access to the database. Often because of outdated modules with problems. An advantage of sedge's custom system is that there are no standard modules that a hacking bot might crawl for, on the other hand not using standard modules means we never get an update for anything.
These are all relatively easy to fix problems, and with sedges support we could probably fix at least half of them ourselves, and be clear about what we want for the rest of the required updates...
Interested?
-------------
|
|