Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Mar 2013
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Converting images to website

    Hello guys, I am a beginner in coding and I am coding my own website for my clothing brand.

    I am trying to put my logo in the top left on the webpage but every time I convert the image into px, I lose so much quality and you can hardly make out with the image is.

    I need some advice on how to go around this, and im slimming down my logo to width=150 and height=50.


    Thanks everyone!

  • #2
    Regular Coder gcmax's Avatar
    Join Date
    Sep 2010
    Location
    Leeds
    Posts
    108
    Thanks
    8
    Thanked 5 Times in 5 Posts
    This isn't/shouldn't be a coding issue. Do you use Photoshop? The standard image resizing in Photoshop is set to optimze for reducing size, maintaining best quality. Don't use javascript or mspaint for this!
    ---------------------------------
    website: www.gcmax.co.uk
    webmail: stevenbell@gcmax.co.uk
    ---------------------------------

  • #3
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,100
    Thanks
    23
    Thanked 594 Times in 593 Posts
    And if you don't have $500 try IrFanView or GIMP, both Free.

  • #4
    New to the CF scene
    Join Date
    Mar 2013
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I am pretty knowledgable when it comes to resizing an image or so, but I am overlooking the solution. I have access to All the adobe products, but even when i still try to reduce my image size into pixel i lose a lot of quality and just becomes pixilated!!!!

    Someone explain this to me please!

    And thanks for the feed back everyone really appreciate it!! Much love.

  • #5
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello bvcxtds,
    Open your image in PS,
    click File/Save for Web

    Decide how you want to save your file, .jpg, .png ...

    If it's just an image with no transparency, I'd recommend .jpg with a medium or high quality setting.

    Set Image Size in the width/height boxes.

    Click Save

    ...

    If that still doesn't work for you, upload your image here and maybe we can figure out why.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #6
    New Coder
    Join Date
    Apr 2013
    Posts
    12
    Thanks
    3
    Thanked 0 Times in 0 Posts
    You can easily do it by using many online images Converting website or any image converting software like as adobe photoshop which is absolutely free for everyone. Here you can not only resizes your images but also give them a beautiful look for trusted online people. Also you can use IrFanView or GIMP for resizing your Images.
    Thanks for asking your question. If you want to more about it please post your question..............


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •