How can i turn a.jpeg image into a html code?
May 17th 2009
Im trying to design a newsletter to have sent out to our customers, but they told me it should be in html format. They have templates but we have our own flier that we would like to use. But its in jpeg format. I tried to upload it through photobucket but when sent through an e-mail it still shows up as just an image…any help would be greatly appreciated . Thanks
Thanks for all the help so far, I understand the slice process through photoshop, but im using constant contact and trying to use my own html code because none of their templates are the style im looking for. This is what im looking at
May 20th, 2009 at 3:10 am
html cannot contain images. Images must be stored as seperate files. The html just links to them. I’m not sure how this will affect your newsletter. If its being hosted as a webpage store the .jpgs in the same folder and the .html, and run through a basic html tutorial online to find out how to link images.
If its through email, just create the email like normal and i think you web client will convert it to html.
May 22nd, 2009 at 1:08 am
> Go to Photoshop
> Use Slice tool make different slice as per your requirement.
> Give link, alt tag in to the same slice window.
> go to file > save for web > save with html and Images
> it will immediately show you html of your jpeg including Links
> its done
Usually My Process
I can slice it up to get my images, logos, background images, etc.
then being the coding process by coding out all of the framework in an xhtml document. I typically use Dreamweaver. Once I have the initial framework coded out, I then begin my CSS coding and putting some life to that xhtml code that I have created. Once I have the CSS and the xhtml code, I can build the complete site and fine tune the design to my liking.
But I think dont use css because External css is not supportive for Newsletter , hope you understand > all images are coming from the server … and so and so…problems you will get if u use external css …
May 24th, 2009 at 5:26 am
Ok..its simple…
1.Open that image in Photoshop
2. divide it in small parts using Slice tool
3. save for web
4. select save type “HTML and images” and give HTML page name
6.and save it inside a folder
7. now you will see one image folder and one HTML file inside your saved folder.
8. just open that file in Dreamweaver and create one similar new page (using table or div) and put your images or use as background images inside table(td) or Div…
9. save as html file
10. just your work is done…
May 26th, 2009 at 6:55 am
> Upload your contacts
> Build your flier, copy it as best you can and save
> Use your flier every time you need to send out a newsletter and just edit text.
Awesome program that tracks if people click to your website through the email and who joins your list, and who leaves. Also has email notifications for the new/leaving people. No HTML coding hasstle. But you DO have to host your images somewhere if you have alot. Then in the flier builder, it will ask you for the URL, which you paste in and then you can resize it.