Overclock.net › Forums › Software, Programming and Coding › Other Software › Art / Graphics › Best method to clean up an image?
New Posts  All Forums:Forum Nav:

Best method to clean up an image? - Page 2

post #11 of 25
I've never touched anything other than MS Paint; rather than trying to undo the effects of compression it's probably easier to start over, find a high quality and decent res image of that from google, save it as a PNG, edit to you heart's desire, save that as your 'master copy' and upload that.
post #12 of 25
If you want to save a clean JPEG, you have to know that it will by default make colors extra blurry, but you can disable that behavior. When saving the JPEG, look through the various options the tool you use has for that. One of the settings is called for example "disable chroma color subsampling". That's the one that will make a graphic like yours look sharp even though it's colored red instead of black or white.

That said... I have no idea if the OCN website won't re-encode the JPEG anyways and then reintroduce that blurriness, but I would guess it will not do it and keep your JPEG.
post #13 of 25
    Since your avatar is a very simple line-art graphic, I recommend IrfanView.  It is an excellent, free picture viewer with some simple editing capabilities.  I just tried cleaning up your avatar with it and got a very good result.

  1. Download and install IrfanView.
  2. Open your avatar image file with IrfanView.
  3. Click Edit -> Show Paint dialog.
  4. In the toolbox that appears, click the eyedropper/color picker tool (it is sixth from the top on the right side).
  5. Left-click in the middle of a large red area in your image, and then, without moving the mouse, right-click also.  This will set the foreground and background editing colors to the same color, dark red.
  6. In the toolbox, click the color replacer tool (it is third down from the top on the left side).
  7. Enter a large width; I used 128 pixels.  This simply determines the size of your brush.
  8. Enter in the range of colors that you want all changed to dark red.  50 gave me good results on your avatar.
  9. Drag the brush over the entire image.  As you do so, the JPEG artifacts should disappear.
  10. Repeat steps 5 through 9 again, clicking on the white background instead of a red area in step 5.  This should clean up the minor artifacts on the outside edges of the object.
  11. Click the Save As button on the toolbar.
  12. In the "Save as Type" dropdown, select PNG.
  13. You should also see an options dialog to the right of the save dialog.  Change the compression level to 9.  This will reduce the data size of the image.  And since PNG is lossless, it won't degrade the image quality at all.  The only tradeoff is that saving will take longer—but with an image that small, the difference will only be a few milliseconds. thumb.gif
 
Edited by Techie007 - 4/19/14 at 10:01pm
My desktop PC
(14 items)
 
  
CPUMotherboardGraphicsRAM
Intel Core i7-3770K Gigabyte P67A-D3-B3 NVIDIA GeForce 8400 GS  1x Corsair 8 GB 
Hard DriveHard DriveHard DriveOS
Kingston SV300S3 WesternDigital WD10EZEX Samsung HD154UI Windows 7 Ultimate SP1 x64 
MonitorMonitorKeyboardPower
Daewoo L947BK Gateway FPD1530 HTK-2001 Dynex DX-400WPS 
MouseAudio
Kensington K72400 Realtek ALC889 
  hide details  
Reply
My desktop PC
(14 items)
 
  
CPUMotherboardGraphicsRAM
Intel Core i7-3770K Gigabyte P67A-D3-B3 NVIDIA GeForce 8400 GS  1x Corsair 8 GB 
Hard DriveHard DriveHard DriveOS
Kingston SV300S3 WesternDigital WD10EZEX Samsung HD154UI Windows 7 Ultimate SP1 x64 
MonitorMonitorKeyboardPower
Daewoo L947BK Gateway FPD1530 HTK-2001 Dynex DX-400WPS 
MouseAudio
Kensington K72400 Realtek ALC889 
  hide details  
Reply
post #14 of 25
Thread Starter 
Yeah Im not sure that worked very well. As this was the result I got...

    
CPUMotherboardGraphicsRAM
i7 4930mx 3.5Ghz .97v AW17 Ranger 780m 1006c/2800m 16GB DDR3 1600Mhz 
Hard DriveHard DriveHard DriveHard Drive
256GB SSD 2TB FireCuda 7mm 2TB Firecuda 7mm 1TB Seagate SSHD 
OSMonitorPowerMouse
Windows 10 x64 Pro 17" 1080p120hz TrueColor  330w Delta  G502 Proteus Spectrum 
Audio
SHP9500 w/ HM5 pads & MM4 
  hide details  
Reply
    
CPUMotherboardGraphicsRAM
i7 4930mx 3.5Ghz .97v AW17 Ranger 780m 1006c/2800m 16GB DDR3 1600Mhz 
Hard DriveHard DriveHard DriveHard Drive
256GB SSD 2TB FireCuda 7mm 2TB Firecuda 7mm 1TB Seagate SSHD 
OSMonitorPowerMouse
Windows 10 x64 Pro 17" 1080p120hz TrueColor  330w Delta  G502 Proteus Spectrum 
Audio
SHP9500 w/ HM5 pads & MM4 
  hide details  
Reply
post #15 of 25
    Sorry about that, the image I used was the one in your avatar library with a white background.  With the grayish-blue background, some of the background areas were too close to dark red and got changed to dark red (the tolerance value of 50 was too large with those colors).  Try again with your avatar image that has a white background, and in step 10's modification of step 5, right-click the white area in the avatar to select white to be replaced, and then, in the toolbox, click the Foreground color square and enter the color you want to use as the background color.  That should clean the background and change it to your desired color at the same time (as you complete step 9 again). thumb.gif
My desktop PC
(14 items)
 
  
CPUMotherboardGraphicsRAM
Intel Core i7-3770K Gigabyte P67A-D3-B3 NVIDIA GeForce 8400 GS  1x Corsair 8 GB 
Hard DriveHard DriveHard DriveOS
Kingston SV300S3 WesternDigital WD10EZEX Samsung HD154UI Windows 7 Ultimate SP1 x64 
MonitorMonitorKeyboardPower
Daewoo L947BK Gateway FPD1530 HTK-2001 Dynex DX-400WPS 
MouseAudio
Kensington K72400 Realtek ALC889 
  hide details  
Reply
My desktop PC
(14 items)
 
  
CPUMotherboardGraphicsRAM
Intel Core i7-3770K Gigabyte P67A-D3-B3 NVIDIA GeForce 8400 GS  1x Corsair 8 GB 
Hard DriveHard DriveHard DriveOS
Kingston SV300S3 WesternDigital WD10EZEX Samsung HD154UI Windows 7 Ultimate SP1 x64 
MonitorMonitorKeyboardPower
Daewoo L947BK Gateway FPD1530 HTK-2001 Dynex DX-400WPS 
MouseAudio
Kensington K72400 Realtek ALC889 
  hide details  
Reply
post #16 of 25
For a simple logo like that I'd personally make a quick vector or redo of it, preferrably using Photoshop (or Illustrator) or the 30 day trial of it. For freeware GIMP would be my turn to.

However, a more quick process would be to take a larger resolution pre-existing image and remake into the same colors as below. I changed the Zeon logo from black to your red and the background was changed from white to the OCN matching blue.



Artifacting is, unfortunately, going to occur on here even if it was a decent JPEG compression as there's some slightly noticeable compression artifacts towards the center, this is more so noticable when in lightbox, on original view as image alone you'd be hard pressed to find a lot of it
Edited by Azefore - 4/20/14 at 5:43pm
Kaga (WIP)
(22 items)
 
   
GraphicsRAMMonitorPower
1080Ti x2 32GB Corsair Dominator Platinum 2666 (64GB Total) Acer Predator X34P or Equivalent Seasonic Snow Silent - 1050w 
OtherOtherOther
Custom Acrylic Engraving Straight 8 Pin cables + Cable Combs 3x EK-Vardar F2, 2x Replacement Front 140mm 
  hide details  
Reply
Kaga (WIP)
(22 items)
 
   
GraphicsRAMMonitorPower
1080Ti x2 32GB Corsair Dominator Platinum 2666 (64GB Total) Acer Predator X34P or Equivalent Seasonic Snow Silent - 1050w 
OtherOtherOther
Custom Acrylic Engraving Straight 8 Pin cables + Cable Combs 3x EK-Vardar F2, 2x Replacement Front 140mm 
  hide details  
Reply
post #17 of 25
Thread Starter 
Beautiful! Thats a lot closer to what I was trying to achieve.

Now, just curious. Its perfect when looking at it from its natural resolution, but when you zoom in you can still see the color distortion. Is there anyway to completely eliminate that or are there other things to consider?

Keep in mind, Im completely ignorant when it comes to this kind of stuff lol
    
CPUMotherboardGraphicsRAM
i7 4930mx 3.5Ghz .97v AW17 Ranger 780m 1006c/2800m 16GB DDR3 1600Mhz 
Hard DriveHard DriveHard DriveHard Drive
256GB SSD 2TB FireCuda 7mm 2TB Firecuda 7mm 1TB Seagate SSHD 
OSMonitorPowerMouse
Windows 10 x64 Pro 17" 1080p120hz TrueColor  330w Delta  G502 Proteus Spectrum 
Audio
SHP9500 w/ HM5 pads & MM4 
  hide details  
Reply
    
CPUMotherboardGraphicsRAM
i7 4930mx 3.5Ghz .97v AW17 Ranger 780m 1006c/2800m 16GB DDR3 1600Mhz 
Hard DriveHard DriveHard DriveHard Drive
256GB SSD 2TB FireCuda 7mm 2TB Firecuda 7mm 1TB Seagate SSHD 
OSMonitorPowerMouse
Windows 10 x64 Pro 17" 1080p120hz TrueColor  330w Delta  G502 Proteus Spectrum 
Audio
SHP9500 w/ HM5 pads & MM4 
  hide details  
Reply
post #18 of 25
Quote:
Originally Posted by TheReciever View Post

Beautiful! Thats a lot closer to what I was trying to achieve.

Now, just curious. Its perfect when looking at it from its natural resolution, but when you zoom in you can still see the color distortion. Is there anyway to completely eliminate that or are there other things to consider?

Keep in mind, Im completely ignorant when it comes to this kind of stuff lol

It's native full size resolution (made it 450x493 to match your current uploaded one) is the max you'd want to see a JPEG displayed since it's a high compression format. I'll upload a PNG version here below for you to look at, it's the same resolution, I didn't save the previous edit so its sizing is slightly off by a small margin but everything else is the same.

Keep in mind the uncompressed PNG is 6x larger at 653kb vs 105kb on my desktop. A lot of it is a gamble as well with different web hosts, browser behavior, your screen calibration, etc etc (long list). All, some, or none can play a huge part in making a half decent compressed image go from ok to bad.



When comparing each together in separate tabs you'll notice slightly different aliasing around the edges as well with the PNG looking more round and "solid" while retaining the original sharpness. It's always best to go for uncompressed when dealing with more simple images or when bandwidth is no concern however as we can probably all attest to, that's not always an option biggrin.gif
Edited by Azefore - 4/20/14 at 6:07pm
Kaga (WIP)
(22 items)
 
   
GraphicsRAMMonitorPower
1080Ti x2 32GB Corsair Dominator Platinum 2666 (64GB Total) Acer Predator X34P or Equivalent Seasonic Snow Silent - 1050w 
OtherOtherOther
Custom Acrylic Engraving Straight 8 Pin cables + Cable Combs 3x EK-Vardar F2, 2x Replacement Front 140mm 
  hide details  
Reply
Kaga (WIP)
(22 items)
 
   
GraphicsRAMMonitorPower
1080Ti x2 32GB Corsair Dominator Platinum 2666 (64GB Total) Acer Predator X34P or Equivalent Seasonic Snow Silent - 1050w 
OtherOtherOther
Custom Acrylic Engraving Straight 8 Pin cables + Cable Combs 3x EK-Vardar F2, 2x Replacement Front 140mm 
  hide details  
Reply
post #19 of 25
Thread Starter 
That second upload seems to have eliminated the artifacts around the logo, I cant find any even when I max zoom to the pixel level.

Was this due to saving as PNG as opposed to JPEG?

Sometimes (though more recently) I have been zooming in the browser at school and before I kept seeing the artifacts lol So it has been irking me, thanks again biggrin.gif
    
CPUMotherboardGraphicsRAM
i7 4930mx 3.5Ghz .97v AW17 Ranger 780m 1006c/2800m 16GB DDR3 1600Mhz 
Hard DriveHard DriveHard DriveHard Drive
256GB SSD 2TB FireCuda 7mm 2TB Firecuda 7mm 1TB Seagate SSHD 
OSMonitorPowerMouse
Windows 10 x64 Pro 17" 1080p120hz TrueColor  330w Delta  G502 Proteus Spectrum 
Audio
SHP9500 w/ HM5 pads & MM4 
  hide details  
Reply
    
CPUMotherboardGraphicsRAM
i7 4930mx 3.5Ghz .97v AW17 Ranger 780m 1006c/2800m 16GB DDR3 1600Mhz 
Hard DriveHard DriveHard DriveHard Drive
256GB SSD 2TB FireCuda 7mm 2TB Firecuda 7mm 1TB Seagate SSHD 
OSMonitorPowerMouse
Windows 10 x64 Pro 17" 1080p120hz TrueColor  330w Delta  G502 Proteus Spectrum 
Audio
SHP9500 w/ HM5 pads & MM4 
  hide details  
Reply
post #20 of 25
Quote:
Originally Posted by TheReciever View Post

That second upload seems to have eliminated the artifacts around the logo, I cant find any even when I max zoom to the pixel level.

Was this due to saving as PNG as opposed to JPEG?

Sometimes (though more recently) I have been zooming in the browser at school and before I kept seeing the artifacts lol So it has been irking me, thanks again biggrin.gif

No problem and yes it was a matter of the file format I saved it as

The colors were completely redone as I used the logo without any background as a layer in photoshop, locked the transparent pixels of it, and filled in over the image with a foreground fill of the original red you had used while putting it on top of the OCN blue.

Thus when it's saved as uncompressed there are just two solid colors being displayed instead of a compression algorithm trying to save space and producing those artifacts of false color gradients
Kaga (WIP)
(22 items)
 
   
GraphicsRAMMonitorPower
1080Ti x2 32GB Corsair Dominator Platinum 2666 (64GB Total) Acer Predator X34P or Equivalent Seasonic Snow Silent - 1050w 
OtherOtherOther
Custom Acrylic Engraving Straight 8 Pin cables + Cable Combs 3x EK-Vardar F2, 2x Replacement Front 140mm 
  hide details  
Reply
Kaga (WIP)
(22 items)
 
   
GraphicsRAMMonitorPower
1080Ti x2 32GB Corsair Dominator Platinum 2666 (64GB Total) Acer Predator X34P or Equivalent Seasonic Snow Silent - 1050w 
OtherOtherOther
Custom Acrylic Engraving Straight 8 Pin cables + Cable Combs 3x EK-Vardar F2, 2x Replacement Front 140mm 
  hide details  
Reply
New Posts  All Forums:Forum Nav:
  Return Home
  Back to Forum: Art / Graphics
Overclock.net › Forums › Software, Programming and Coding › Other Software › Art / Graphics › Best method to clean up an image?