Complete picture format

Youth cannot be turned back, and youth has no end.

Complete introduction 

There are many image formats, each with its own unique characteristics and uses. Here are some common image formats and their introduction:

1. JPEG（Joint Photographic Experts Group）：

   • File extension: .jpg, .jpeg
   • Features: JPEG is a lossy compression format suitable for storing photos and images. It achieves smaller file sizes at the expense of some image detail.

2. PNG（Portable Network Graphics）：

   • File extension: .png
   • Features: PNG is a lossless compression format suitable for storing graphics, icons and transparent images. It supports transparent background without loss of image quality.

3. GIF（Graphics Interchange Format）：

   • File extension: .gif
   • Features: GIF is often used to store animated images. It supports multi-frame animation and transparent backgrounds, but has low color depth and is not suitable for storing complex images.

4. BMP（Bitmap）：

   • File extension: .bmp
   • Features: BMP is a lossless bitmap format and does not compress. It supports high-quality images, but file sizes are generally larger.

5. TIFF（Tagged Image File Format）：

   • File extension: .tiff, .tif
   • Features: TIFF is a lossless compressed or uncompressed format suitable for storing high-quality images and professionally printed images. It supports multi-channel color and transparency.

6. WebP：

   • File extension: .webp
   • Features: WebP is a developer-friendly image format designed to provide high compression ratio and image quality. It is suitable for web page loading speed optimization.

7. HEIF（High Efficiency Image File Format）：

   • File extension: .heif, .heic
   • Features: HEIF is a modern image format that supports efficient compression, high-quality images and dynamic images. It is widely used on mobile devices.

8. SVG（Scalable Vector Graphics）：

   • File extension: .svg
   • Features: SVG is a vector graphics format suitable for storing scalable vector images. It supports lossless scaling without distortion.

9. RAW：

   • File extension: .raw, raw format files from various camera manufacturers
   • Features: RAW format contains unprocessed camera sensor data and is commonly used in professional photography and post-processing.

10. ICO（Icon）：

    • File extension: .ico
    • Features: ICO format is used to store icon files, usually used in Windows operating systems.

These are some common image formats, each format has its applicable scenarios and advantages. Choosing the right image format depends on your needs, including image quality, file size, transparency, animation, and more.

There are also the following:

1. JPEG 2000：

• File extension: .jp2
• Features: JPEG 2000 is a lossless and lossy compression format that provides higher image quality and smaller file sizes, but the applications and devices that support it may be more limited relative to JPEG.

1. PDF（Portable Document Format）：

• File extension: .pdf
• Features: The PDF format is commonly used for portable delivery of documents and graphics. It supports a variety of content such as vector graphics, text, images, etc.

1. EPS（Encapsulated PostScript）：

• File extension: .eps
• Features: EPS is a vector graphics format commonly used in printing and graphic design. It supports high-quality printing and enlargement.

1. PSD（Photoshop Document）：

• File extension: .psd
• Features: PSD is the native file format of Adobe Photoshop. It supports advanced editing functions such as layers, filters, and transparency.

1. AI（Adobe Illustrator Artwork）：

• File extension: .ai
• Features: AI is Adobe Illustrator's native file format for storing vector graphics. It supports layers, lines, shapes, and more.

1. INDD（Adobe InDesign Document）：

• File extension: .indd
• Features: INDD is Adobe InDesign's native file format for creating prints and publications.

1. PCX：

• File extension: .pcx
• Features: PCX is an old bitmap format that was widely used in early graphics applications.

1. TGA（Truevision Graphics Adapter）：

• File extension: .tga
• Features: TGA is a bitmap format that supports transparency channels. Commonly used in game development and computer graphics.

1. HDR（High Dynamic Range）：

• File extension: .hdr
• Features: HDR images store a wider dynamic range than standard image formats and are used to process images of high-contrast scenes.

1. JP2K（JPEG 2000 Part 2）：

• File extension: .j2k
• Features: JP2K is part of JPEG 2000, which provides higher compression performance and image quality.

1. EXIF（Exchangeable Image File Format）：

• File extension: usually without extension
• Features: EXIF ​​is a metadata format that contains camera and shooting information, often appended to JPEG and other image files. It includes information such as shooting date, camera model, GPS coordinates, etc.

1. PGF（Progressive Graphics File）：

• File extension: .pgf
• Features: PGF is an image compression format that supports lossless and lossy compression and is suitable for image archiving and transmission.

1. DDS（DirectDraw Surface）：

• File extension: .dds
• Features: The DDS format is a format used to store textures and images, and is commonly used in game development and graphics programming.

1. PBM/PGM/PPM（Portable Bitmap/Graymap/Pixmap）：

• File extensions: .pbm, .pgm, .ppm
• Characteristics: These are simple text formats for storing bitmap images, often used for image processing and conversion.

1. WBMP（Wireless Bitmap）：

• File extension: .wbmp
• Features: WBMP is a format for storing black and white images, often used for images on mobile devices.

1. XCF (GIMP Image) :

• File extension: .xcf
• Features: XCF is the native file format of GIMP (GNU Image Manipulation Program) and is used to store image editing projects, including layers and channels.

Convert between images

Many image formats can be converted to and from each other, but this requires the use of appropriate tools or software. The following are the conversion relationships between some common image formats and methods of converting each other:

1. JPEG <-> PNG：

   • JPEG images can be converted to PNG format to preserve higher image quality and transparency. Common image editing software such as Adobe Photoshop or online tools support this conversion.

2. PNG <-> GIF：

   • PNG images can be converted to GIF format to create simple animations. This can be done using image editing software or online conversion tools.

3. JPEG <-> BMP <-> TIFF：

   • Conversion between these formats usually involves lossless or lossy conversion, depending on the desired image quality and file size. Image editing software often supports conversion between these formats.

4. WebP <-> JPEG/PNG：

   • WebP images can be converted to JPEG or PNG format for use in applications that do not support WebP. There are tools that can perform this conversion.

5. HEIF <-> JPEG/PNG：

   • HEIF images can be converted to JPEG or PNG format for viewing in applications that do not support HEIF. Image editing software and online tools can perform this conversion.

6. SVG <-> PNG/JPEG：

   • SVG (vector graphics) can be converted to regular bitmap formats (PNG or JPEG), but scalability is lost during conversion. This can be done using image editing software or online tools.

7. ICO <-> PNG：

   • ICO icon files can be converted to PNG format for editing or viewing. Both image editing software and online conversion tools support this conversion.

It is important to note that some image information or quality may be lost when doing format conversion, especially when converting from a lossy format (such as JPEG) to a lossless format (such as PNG). Therefore, you should carefully select formats and conversion tools based on your specific needs to best meet your requirements.

Use java to write an svg to PNG

To convert SVG files to PNG format, you can use Java’s Batik library. Batik is a Java library for working with SVG, which allows you to read SVG files and convert them to other formats, including PNG. Here is a simple Java example that demonstrates how to convert SVG to PNG using the Batik library:

First, make sure you have downloaded and configured the Batik library. You can find it on Apache's Batik project website: Apache(tm) Batik SVG Toolkit - a Java-based toolkit for applications or applets that want to use images in the Scalable Vector Graphics (SVG)

Then, create a Java class to perform the SVG to PNG conversion:

 

import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import java.io.OutputStream;
import org.apache.batik.transcoder.TranscoderException;
import org.apache.batik.transcoder.TranscoderInput;
import org.apache.batik.transcoder.TranscoderOutput;
import org.apache.batik.transcoder.image.PNGTranscoder;
import org.w3c.dom.Document;
import org.w3c.dom.svg.SVGDocument;

public class SvgToPngConverter {

    public static void main(String[] args) {
        convertSvgToPng("input.svg", "output.png");
    }

    public static void convertSvgToPng(String inputPath, String outputPath) {
        try {
            // 创建PNGTranscoder
            PNGTranscoder transcoder = new PNGTranscoder();
            
            // 设置PNG输出
            OutputStream outputStream = new java.io.FileOutputStream(outputPath);
            TranscoderOutput output = new TranscoderOutput(outputStream);
            
            // 读取SVG文件
            File inputFile = new File(inputPath);
            TranscoderInput input = new TranscoderInput(inputFile.toURI().toString());
            
            // 执行转换
            transcoder.transcode(input, output);
            
            // 关闭输出流
            outputStream.flush();
            outputStream.close();
            
            System.out.println("SVG to PNG conversion complete.");
        } catch (TranscoderException | IOException e) {
            e.printStackTrace();
        }
    }
}

Design essentials, 5 free icon resource websites

1. Rookie Gallery

https://www.sucai999.com/searchlist/APPtubiao.html?v=NTYxMjky

This website mainly provides design materials, graphics, UI, e-commerce and other related resources. It is very comprehensive and clearly classified. You can search by tags and filter by color. Most of the resources can be downloaded for free, but only a small number require membership. Just choose free resources when downloading.
 

2、iconfont

iconfont-Alibaba vector icon library

A vector icon management + communication platform created by Alibaba. There are a lot of icon materials here. Designers upload icons to the platform, and users can customize and download icons in multiple formats. There are also many illustrations, vectors, 3D flower libraries, dynamic illustrations, etc. The key point is that they are all free. Download it.

3、icon finder

Illustrations - Iconfinder

A foreign icon illustration website, which has a lot of icons, illustrations, and 3D illustrations. The categories are very detailed and the quality is very high. You can also edit online, change the color of icons and illustrations, and download it for free after registering.

4、Capitan Icon

https://mariodelvalle.github.io/CaptainIconWeb/#welcome

This website also mainly provides icons, illustrations and other materials. The website has four major features: vector icons, which can be scaled to any size without reducing quality. Huge variety of categories: Design, Sports, Social, Office, Weather and more. Provides EPS, PSD, PNG, SVG and Web font versions and a large number of icon fonts.

5、flat-icon-design

FLAT ICON DESIGN -Flat icon design- | Perfect for flat design! FLAT ICON DESIGN is a site where you can freely download commercially available flat icon materials that can be used immediately on websites and DTP.

Japanese flat icon material website, the icons are all simple and flat style, and the website clearly indicates that they can be used for commercial purposes.