image to html

TELAVIV1

Senior Member
Joined
Oct 26, 2021
Messages
816
Reaction score
245
hi

how can i create an high quality html from an image cause everything I found was a total shit?

thanks
 
have you tried tools like Figma to HTML or stuff like htmlcss.to ? if not for real high quality you’d have to do it manually like coding based on the design from the image but it takes longer
 
have you tried tools like Figma to HTML or stuff like htmlcss.to ? if not for real high quality you’d have to do it manually like coding based on the design from the image but it takes longer
its an image, 2D, not editable...
 
if it’s a 2d non-editable image then you’ll have to use tools like adobe illustrator or photoshop to slice the elements and recreate the design in html css otherwise check out software like gimp if you don’t have the paid ones
 
if it’s a 2d non-editable image then you’ll have to use tools like adobe illustrator or photoshop to slice the elements and recreate the design in html css otherwise check out software like gimp if you don’t have the paid ones
It’s 2025 and we still do it manually? Wtf
 
I think that Claude AI will do a good work with this, it can render ReactJS and show you previews.
 
I think that Claude AI will do a good work with this, it can render ReactJS and show you previews.
thanks, its not bad but not the same as the image, it gives me only the framework...
 
I asked it to do it with html and CSS and it looks better, but without the images and all...
 
For high-quality HTML from an image, avoid automated tools and go manual. Use Figma or Adobe XD. Write clean HTML + CSS, using Tailwind or Bootstrap for efficiency.
Optimize images, prefer SVGs.
 
Honestly, turning an image directly into clean, efficient HTML is tough. What kind of image are you working with and what do you need the HTML for? Maybe there's a better workaround.
 
Honestly, turning an image directly into clean, efficient HTML is tough. What kind of image are you working with and what do you need the HTML for? Maybe there's a better workaround.
A website design
 
Oof, yeah, that sounds frustrating! Have you tried playing around with different image resolutions before converting? Sometimes that helps.
 
Oof, yeah, that sounds frustrating! Have you tried playing around with different image resolutions before converting? Sometimes that helps.
Yea i did
 
Wanna elaborate? Got good results?
Give it a wireframe. Say make this in html. Then keep having it make changes as they are needed. After 10-30 iterations of saying now add this and that you'll get the results you want.

1000052784.png
 
Back
Top