Sizing jpg or gif images to use in DW

Being new I am unaccustomed to the sizing (pixels) as much as I probably should be. I have Adobe Photoshop, Illustrator, InDesign, Dreamweaver, etc. I understand that you should use images of titles, etc. that you want to use different fonts for since your recipients fonts will affect the way your webpage appears. My problem is this. It appeared that I had about 600 pixels wide and 70 pixels high for the space that I wanted to put the title of a newsletter in. When I tried to create the title in Photoshop it comes in way too small or way to big. Not sure what I should be doing. Also, I then read that everything you put in your website should be really small. Is there a standard size of things that I should be trying to create? Is there information somewhere that I can research to help me understand the pixel sizes more and how to achieve them?

In Photoshop, Save For Web. Use the smallest FILE SIZE necessary for the job (25-50 KB).
http://www.larry-bolch.com/save-for-web/photoshop.htm
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Similar Messages

How JPG or GIF Image open in MIDP?

How my j2me application can support jpg or gif image format. I have tested png file in midp 1.0 and its not support other than png format( im not sure about midp 2.0 does it support or not). I have seen lot of mobiles those support gif and jpg file formats. Does j2me applications on those mobile can support other image formats?
Plus it is possible that i can develop my own decoder for jpg or gif format. I know it possible, but im talking related to its processing power consumption. Or is there any third party api exist to support jpg or gif file format on midp. Please r

Here is the code snap that read image from a URL.. I have tested this code on localhost & two different pc on lan in emulator.. but not in actuall mobile... but i hope it will work...
Image image = null ;
DataInputStream httpInput = null ;
DataOutputStream httpOutput = null ;
HttpConnection httpCon = null ;
String url = "http://localhost:8080/images/picture.png"
try
httpCon = (HttpConnection)Connector.open(url);
int bufferSize = 512 ;
     byte byteInput[] = new byte[bufferSize] ;
     ByteArrayOutputStream imageBuffer = new ByteArrayOutputStream(1024*50);
     httpInput = new DataInputStream( httpCon.openInputStream() );
               System.out.println("Http-Input Connecting Establish Successfully");
               httpOutput = new DataOutputStream( httpCon.openOutputStream() );
               System.out.println("Http-Output Establish Successfully");
int size = 0 ;
// read all image data ....
     while ( ( size = httpInput.read( byteInput , 0 , bufferSize ) ) != -1 )
                    imageBuffer.write( byteInput , 0 , size ) ;
// get byte from buffer stream
          byte byteImage[] = imageBuffer.toByteArray();
               System.out.println("read byte " + byteImage.length );
     // convert byte to image ...
     image = Image.createImage( byteImage , 0 , byteImage.length );
     return image ;
     //return null ;
catch( IOException e )
               System.out.println("\nUnable to Perform Image IO Operation with Host");
     return null ;
....................................

Convert jpg to gif images

I make an application that create jpg images with jfree chart.
But my client need the graphics in GIF format.
I need:
1. A conver program to pass from JPG to GIF format
or
2. A program to generate graphics (pie 3-d with texts) in GIF
Someone likes help me?
Thanks.
MIGUEL ANGEL CARO
[email protected]

JFreeChart is open source, I'm sure you can get a Java GIF encoder library and wedge it into the JFreeChart API to make it create GIFs.
Why does it need to be GIFs, though?

Storing jpg or gif images in database

Hi,
I want to store the images from system folder to database.
Ex: "c:/images"
is the foldername
I want to access this folder from JSP and want to store a selected image from the user to database and getting back that image to view by a query. so how can i achive this.....

Hi All,
I have 2 things to discuss in this thread.
First to store Images in Database: We can store Images as Binary content in the Database with the Datatype as BLOB. This is possible in ORACLE. I am not sure what the Datatype is in other RDBMS. Please refer to Vendor documentation. After storing, the content can be retrieved and displayed in the pages as image resources using a Servlet. The Servlet will only render the content of the Image.
Second to load Images from User's Systems folder: Why do you have such a requirement? Even then, you need to use any common techniques like Multipart form to upload the specific image file to the Server. Kindly read Oreilley's Multipart Request Form Object example for implementation.
Thanks and regards,
Pazhanikanthan. P

How To Fade In a JPG or GIF Image using Inspector Build-In or Action

Inspector doesn't seem to have any Build-In or Action that allows me to FADE IN an image.
There only seems to be an Opacity Action that allows a FADE OUT.
This seems like kind of a software design oversight. Am I missing something in Keynote?

The Dissolve transition can be used for either/both a fade-in or a fade-out.
... but by now you already know that.
Message was edited by: Brie Fly

Load, crop and saving jpg and gif images with JFileChooser

Hello!
I wonder is there someone out there who can help me with a applic that load, (crop) and saving images using JFileChooser with a simple GUI as possible. I'm new to programming and i hope someone can show me.
Tor

import java.awt.*;
import java.awt.event.*;
import java.awt.image.*;
import java.io.*;
import javax.imageio.ImageIO;
import javax.swing.*;
import javax.swing.event.*;
import javax.swing.filechooser.*;
import javax.swing.filechooser.FileFilter;
public class ChopShop extends JPanel {
    JFileChooser fileChooser;
    BufferedImage image;
    Rectangle clip = new Rectangle(50,50,150,150);
    boolean showClip = true;
    public ChopShop() {
        fileChooser = new JFileChooser(".");
        fileChooser.setFileFilter(new ImageFilter());
    public void setClip(int x, int y) {
        clip.setLocation(x, y);
        repaint();
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        Graphics2D g2 = (Graphics2D)g;
        g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
                            RenderingHints.VALUE_ANTIALIAS_ON);
        if(image != null) {
            int x = (getWidth() - image.getWidth())/2;
            int y = (getHeight() - image.getHeight())/2;
            g2.drawImage(image, x, y, this);
        if(showClip) {
            g2.setPaint(Color.red);
            g2.draw(clip);
    public Dimension getPreferredSize() {
        int width = 400;
        int height = 400;
        int margin = 20;
        if(image != null) {
            width = image.getWidth() + 2*margin;
            height = image.getHeight() + 2*margin;
        return new Dimension(width, height);
    private void showOpenDialog() {
        if(fileChooser.showOpenDialog(this) == JFileChooser.APPROVE_OPTION) {
            File file = fileChooser.getSelectedFile();
            try {
                image = ImageIO.read(file);
            } catch(IOException e) {
                System.out.println("Read error for " + file.getPath() +
                                   ": " + e.getMessage());
                image = null;
            revalidate();
            repaint();
    private void showSaveDialog() {
        if(image == null || !showClip)
            return;
        if(fileChooser.showSaveDialog(this) == JFileChooser.APPROVE_OPTION) {
            File file = fileChooser.getSelectedFile();
            String ext = ((ImageFilter)fileChooser.getFileFilter()).getExtension(file);
            // Make sure we have an ImageWriter for this extension.
            if(!canWriteTo(ext)) {
                System.out.println("Cannot write image to " + ext + " file.");
                String[] formatNames = ImageIO.getWriterFormatNames();
                System.out.println("Supported extensions are:");
                for(int j = 0; j < formatNames.length; j++)
                    System.out.println(formatNames[j]);
                return;
            // If file exists, warn user, confirm overwrite.
            if(file.exists()) {
                String message = "<html>" + file.getPath() + " already exists" +
                                 "<br>Do you want to replace it?";
                int n = JOptionPane.showConfirmDialog(this, message, "Confirm",
                                                      JOptionPane.YES_NO_OPTION);
                if(n != JOptionPane.YES_OPTION)
                    return;
            // Get the clipped image, if available. This is a subImage
            // of image -> they share the same data. Handle with care.
            BufferedImage clipped = getClippedImage();
            if(clipped == null)
                return;
            // Copy the clipped image for safety.
            BufferedImage cropped = copy(clipped);
            boolean success = false;
            // Write cropped to the user-selected file.
            try {
                success = ImageIO.write(cropped, ext, file);
            } catch(IOException e) {
                System.out.println("Write error for " + file.getPath() +
                                   ": " + e.getMessage());
            System.out.println("writing image to " + file.getPath() +
                               " was" + (success ? "" : " not") + " successful");
    private boolean canWriteTo(String ext) {
        // Support for writing gif format is new in j2se 1.6
        String[] formatNames = ImageIO.getWriterFormatNames();
        //System.out.printf("writer formats = %s%n",
        //                   java.util.Arrays.toString(formatNames));
        for(int j = 0; j < formatNames.length; j++) {
            if(formatNames[j].equalsIgnoreCase(ext))
                return true;
        return false;
    private BufferedImage getClippedImage() {
        int w = getWidth();
        int h = getHeight();
        int iw = image.getWidth();
        int ih = image.getHeight();
        // Find origin of centered image.
        int ix = (w - iw)/2;
        int iy = (h - ih)/2;
        // Find clip location relative to image origin.
        int x = clip.x - ix;
        int y = clip.y - iy;
        // clip must be within image bounds to continue.
        if(x < 0 || x + clip.width > iw || y < 0 || y + clip.height > ih) {
            System.out.println("clip is outside image boundries");
            return null;
        BufferedImage subImage = null;
        try {
            subImage = image.getSubimage(x, y, clip.width, clip.height);
        } catch(RasterFormatException e) {
            System.out.println("RFE: " + e.getMessage());
        // Caution: subImage is not independent from image. Changes
        // to one will affect the other. Copying is recommended.
        return subImage;
    private BufferedImage copy(BufferedImage src) {
        int w = src.getWidth();
        int h = src.getHeight();
        BufferedImage dest = new BufferedImage(w, h, src.getType());
        Graphics2D g2 = dest.createGraphics();
        g2.drawImage(src, 0, 0, this);
        g2.dispose();
        return dest;
    private JPanel getControls() {
        JPanel panel = new JPanel(new GridBagLayout());
        GridBagConstraints gbc = new GridBagConstraints();
        gbc.weightx = 1.0;
        gbc.fill = GridBagConstraints.HORIZONTAL;
        gbc.gridwidth = GridBagConstraints.REMAINDER;
        panel.add(getCropPanel(), gbc);
        panel.add(getImagePanel(), gbc);
        return panel;
    private JPanel getCropPanel() {
        JToggleButton toggle = new JToggleButton("clip", showClip);
        toggle.addActionListener(new ActionListener() {
            public void actionPerformed(ActionEvent e) {
                showClip = ((AbstractButton)e.getSource()).isSelected();
                repaint();
        SpinnerNumberModel widthModel = new SpinnerNumberModel(150, 10, 400, 1);
        final JSpinner widthSpinner = new JSpinner(widthModel);
        SpinnerNumberModel heightModel = new SpinnerNumberModel(150, 10, 400, 1);
        final JSpinner heightSpinner = new JSpinner(heightModel);
        ChangeListener cl = new ChangeListener() {
            public void stateChanged(ChangeEvent e) {
                JSpinner spinner = (JSpinner)e.getSource();
                int value = ((Number)spinner.getValue()).intValue();
                if(spinner == widthSpinner)
                    clip.width = value;
                if(spinner == heightSpinner)
                    clip.height = value;
                repaint();
        widthSpinner.addChangeListener(cl);
        heightSpinner.addChangeListener(cl);
        JPanel panel = new JPanel(new GridBagLayout());
        GridBagConstraints gbc = new GridBagConstraints();
        gbc.insets = new Insets(2,2,2,2);
        gbc.weightx = 1.0;
        panel.add(toggle, gbc);
        addComponents(new JLabel("width"), widthSpinner, panel, gbc);
        addComponents(new JLabel("height"), heightSpinner, panel, gbc);
        return panel;
    private void addComponents(Component c1, Component c2, Container c,
                               GridBagConstraints gbc) {
        gbc.anchor = GridBagConstraints.EAST;
        c.add(c1, gbc);
        gbc.anchor = GridBagConstraints.WEST;
        c.add(c2, gbc);
    private JPanel getImagePanel() {
        final JButton open = new JButton("open");
        final JButton save = new JButton("save");
        ActionListener al = new ActionListener() {
            public void actionPerformed(ActionEvent e) {
                JButton button = (JButton)e.getSource();
                if(button == open)
                    showOpenDialog();
                if(button == save)
                    showSaveDialog();
        open.addActionListener(al);
        save.addActionListener(al);
        JPanel panel = new JPanel();
        panel.add(open);
        panel.add(save);
        return panel;
    public static void main(String[] args) {
        ChopShop chopShop = new ChopShop();
        ClipMover mover = new ClipMover(chopShop);
        chopShop.addMouseListener(mover);
        chopShop.addMouseMotionListener(mover);
        JFrame f = new JFrame("click inside rectangle to drag");
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.getContentPane().add(new JScrollPane(chopShop));
        f.getContentPane().add(chopShop.getControls(), "Last");
        f.pack();
        f.setLocation(200,100);
        f.setVisible(true);
class ImageFilter extends FileFilter {
    static String GIF = "gif";
    static String JPG = "jpg";
    static String PNG = "png";
    // bmp okay in j2se 1.5+
    public boolean accept(File file) {
        if(file.isDirectory())
            return true;
        String ext = getExtension(file).toLowerCase();
        if(ext.equals(GIF) || ext.equals(JPG) || ext.equals(PNG))
            return true;
        return false;
    public String getDescription() {
        return "gif, jpg, png images";
    public String getExtension(File file) {
        String s = file.getPath();
        int dot = s.lastIndexOf(".");
        return (dot != -1) ? s.substring(dot+1) : "";
class ClipMover extends MouseInputAdapter {
    ChopShop component;
    Point offset = new Point();
    boolean dragging = false;
    public ClipMover(ChopShop cs) {
        component = cs;
    public void mousePressed(MouseEvent e) {
        Point p = e.getPoint();
        if(component.clip.contains(p)) {
            offset.x = p.x - component.clip.x;
            offset.y = p.y - component.clip.y;
            dragging = true;
    public void mouseReleased(MouseEvent e) {
        dragging = false;
    public void mouseDragged(MouseEvent e) {
        if(dragging) {
            int x = e.getX() - offset.x;
            int y = e.getY() - offset.y;
            component.setClip(x, y);
}

Tiger Mail--How do I make a jpg or gif image into a clickable link?

I'm trying to include a little banner graphic in outgoing email messages that will link to my blog when clicked. Tried doing this in imageready and it didn't seem to work right. I know this is very simple in Leopard Mail but still doing Tiger over here.
I've searched all over and really cannot find the proper way to do this.
Thanks!

Might try this How To: Make an HTML Email Signature For Apple Mail...
http://gatheringinlight.com/2007/12/03/how-to-make-an-html-email-signature-for-a pple-mail/
And a sample Source code...
http://www.box.net/shared/pvfvfly9nl

Links in JPG & GIF images.

Hello board,
I'm making some JPGs & animated GIFs for my website, and my CMS allows images to link to only a single link; e.g. it
links the whole image. Is it possible to embed multiple links in a single image THEN upload to one's CMS? If so, how?

Marian Driscoll wrote:
JPG and GIF image files cannot contain even a single link. Links are only made through HTML.
You can slice the image (see Photoshop help on 'slicing') and then apply unique links to each slice in the CMS' WYSIWYG editor.
You can also manually enter a HTML image map for a single image file if your CMS allows raw HTML and does not filter that type of input.
Or you can use Dreamweaver.

How to deal with addition of .jpg or .gif file

how do i add a LARGE .jpg or .gif image to a JPanel? and is it possible to add JTextField or other features onto the .jpg or .gif file after the addition of the image?
Thanks for the time and consideration.

If you want the image to just be the background for a panel then you will need to subclass JPanel and override the paintComponent(Graphics) method. In the paintComponent(Graphics) method you will need to draw the image yourself using the Graphics.drawImage() method. For loading the image I would suggest using one of the ImageIO.read() methods.

Saving file, but jpg and gif comes out garbled

Would someone please help me? I'm at my wit's end here. I'm writing a program that reads a file and saves it, but it needs to read a maximum of 512 bytes before it starts to write. It needs to work with both text files and images.
- It works fine with text files.
- It works fine with bmp images.
- It works fine with jpg and gif images under 512 bytes.
- With a jpg or gif over 512 bytes, it comes out all garbled, but the same file size as the original.
One thing is really confoozling me. When the image comes out garbled, I tried changing the files for both the original and the copy into text files by changing the file extension to .txt. Both the text files were identical! So if the data is identical, why is the copy not showing the same image as the original?
import java.io.*;
     public class SaveFile{
          public static final int BUFSIZE = 512;
          public static final String LIBRARY = "C:\\";
          static int totalRead = 0; //Total number of bytes in buffer (Max BUFSIZE).
          static int fileSize = 0; //Size of whole file.
              static String fileName = ""; //Name of file.
             static char[] data = new char[BUFSIZE]; //The data in the file.
          public static void main(String[] args){
                        //Bytes already read by the buffer.
                  int charsRead = BUFSIZE;
                      //Takes name of file from main argument.
                     for(int i=0; i < args.length; i++)
                         fileName = fileName + args;
//Name of file including directory.
          String fetchFile = LIBRARY + fileName;
          File file1 = new File(fetchFile);
          * Reads a string from the file to data (char array).
               BufferedReader reader =
new BufferedReader(new FileReader(file1), BUFSIZE);
               BufferedWriter writer =
new BufferedWriter(new FileWriter(fileName));
               //Will continue as long as buffer is full.
               while (charsRead == BUFSIZE){
                    charsRead = reader.read(data, 0, BUFSIZE);
                    if (charsRead != -1) {
                         totalRead = charsRead;
                         write(writer);
                         fileSize = fileSize + totalRead;
               reader.close();
               writer.close();
          System.out.println((fileSize) + " bytes read and saved as " + fileName);
     * Writes data to a new file.
     public static void write(BufferedWriter writer) {
               for (int j = 0; j < totalRead; j++) {
                    writer.write(data[j]);
I stripped away the directory selection and error handling to make it simpler.

Cadvan1123 wrote:
I think the best choice is to use a ByteArrayOutputStreamWrong. You do not need a ByteArrayOutputStream
and I think that it uses ASCII encodingPossible, but you can't just make that assumption. On windows for instance, there's a good likelihood it could use ANSI. And BTW, ASCII is for the most part dead, as it has been superseded by UTF-8.
Check out t [jacobs.io.DataFetcher in TUS|http://tus.svn.sourceforge.net/viewvc/tus/tjacobs/] for a threadable and optimal/close-to-optimal solution for reading in binary files.
Edited by: tjacobs01 on Mar 20, 2010 2:56 PM

COPY JPG AND GIF BY PROGRAM

I need to create a simple java program to copy a JPG or GIF image and I don't know to do it.
Could someone help me ?
Below you can see my test program.
Thanks.
Fernando Xavier
p.s Before I find the solution, I will include it in a Server socket program .
import java.io.*;
public class copiaByte {
public static void main(String args[])
try {
FileReader fin = new FileReader(args[0]);
BufferedReader bin = new BufferedReader(fin);
FileWriter fou = new FileWriter(args[1]);
BufferedWriter bou = new BufferedWriter(fou);
int a = 0;
a = bin.read();
while (a > -1)
// char b = (char) a;
bou.write(a);
a = bin.read();
System.out.println("end");
bin.close();
fin.close();
bou.close();
fou.close();
catch (IOException io1)
System.out.println("File Error");
}

The reader/writer API is meant for pure text. You should use streams to transfer binary data like images.

Generate JPG or GIF Report

Hello Members
i want to generate a report in JPG ,GIF or any others picture type,,
the reason is that our client need a invoice and we send the invoice by scaning
so any body tell me how i generate the report in JPG or GIF
i am using oracle report 6i

Dear
first we mail the invoice , but now they say (our client) that now mail the invoice as picture format like jpg, gif
i don't know how to do it,, they say if oracle report convert in MS word , excel or
others non-oracle format so why do u not mail us in picture format
i have to do just for there requirement
thanks for reply

How to deploy my gif images

Hi All,
I have an application, which has an images in gif format. This gif images I use in the code for to different tree nodes. I declared in a constant the image path eg. "src/TreeModelIcons/" (The src folder where my source is located, I use Eclipse.)
How can I deploy my app, for use the deployed app correctly the images? Where I want to declare the images? In a JNLP resorce section I want to define them? In a jar file contain the TreeModelIcons folder with all image. What is a correct way? What can I do for my app use the images correctly? (If I run localy my app works perfectly.)
Thank you

We put our image files in the jar to preserve the directory structure... Works fine for us. Don't know if this is the "correct" way to do it, but...

How do I change "save image" to save as jpg or gif rather than an html pointer to the image?

When I try to download images it is saving them as an HTML file instead of the actual image. I want to save images in their native jpg or gif formats as they are on the web. Downloading wallpapers for example is not possible. Without this I'm not going to stick with Firefox which is unfortunate because so far I love everything else about it, especially sync. I tried to download a Buffalo Bills helmet to use as an icon for a Bills fan forum which I wanted a Firefox shortcut for on my homescreen. I had to use the Android browser to do that because of this problem. Ridiculous!

Unfortunately, Firefox for Android works quite differently than desktop Firefox in this regard. On the desktop, if you open about:config and set browser.download.useDownloadDir to false, then you prompted for the save location and file name. On Android, this simply stops Save Image from working.
I was able to access the file by renaming Images.htm to a real file name using the ES File Explorer app. But... if you save images often, that would get old fast.
Note: I think the name Images.htm came from the Google images results page that I was saving from, and the file name will depend on the site. When I saved from a site where the images had their own names, .jpeg was appended instead of .htm.

Using GIF images in iMovie11 ??

Admittedly this is now my first attempt at using the iMovie8/9/11 editing structure since I was perfectly satisfied with iMovie06 HD and that timeline approach. In the old program I had GIF formatted images (Maps) that I had available in my "Photos" Media for adding to my Project timeline in the same fashion I would use a still JPG photo.
After a number of hours searching the forum here and all the iMovie 9/11 documentation I can find, it appears this new version of iMovie does not display GIF images in your iPhoto Media list to use for projects. Bottomline is I am not able to drag a gif map into my video project. It seems only JPG format files are now displayed in iMovie's iPHOTO Media source list. I have one graphic that is a collage of photos and graphical objects which I had saved in JPG format to preserve the photo quality and that one shows in my Media list. No GIFs. What gives? I can open iPhoto stand alone and see my map graphics that are present in the database in their own Rolls. I've tried dragging, dropping, importing, etc. with no success.
This is a significant limitation (or bug) if the current version of iMovie does not allow free use of graphical images in GIF format. Can anyone shed some light on this and help solve my problem before I go back to iMovie HD? Thanks in advance.

Klondike Kid wrote:
Hmm, doesn't seem to make sense …
I'm not in the position here to 'defend' Apples decision, but an expert as you should keep in mind:
iM vers.≤6 was a completely diff app than iM vers. ≥08
same name, from the ground different programs (not only on the outside)
video isn't based upon limited 256 colors, nor has inserting a file-size-degraded still any effect on the resulting video-file size.
Photoshop is a >1k$ professional tool, meant for stills - so, it should support a bunch of formats, including obsolete ones. iMovie is a 15$ consumer toy tool, by concept reduced in options to offer convenience - for a broad range of people - I dare to say, the majority of iMovie users dont even know the existence of 'gif', iMovies iLife partner for stills, iPhoto, is biased to jpg.-
Klondike Kid wrote:
… I guess I'll have to live without it for iMovie.
on MacOS, there's little options, I haven't tried, but I wouldn't be surprised, if FCPX doesn't support gif either. pretty sure, Premiere as part of the Adobe CS suite, will handle it - somehow.
happy movie making!

Sizing jpg or gif images to use in DW

Similar Messages

Maybe you are looking for