在前端开发中常见的图片格式有以下几种：

1. JPEG：这是一种有损压缩的图像格式，通常用于显示照片和其他复杂的图像。JPEG 图像可以具有很高的图像质量，同时文件大小也较小，因此是 Web 上最常用的图像格式之一。 但是，由于压缩过程中会丢失一些细节信息，因此不适合用于需要高精度的图像，如线条图和图标。

2. PNG：这也是一种常用的图像格式，它使用无损压缩，可以保留图像中的细节和透明度。PNG 图像通常用于图标、标志和其他需要透明背景的图像。 但是，PNG 文件通常比 JPEG 文件更大，因此在文件大小方面可能不太优秀。

3. GIF：这是一种支持动画的图像格式，可以通过连续播放多个图像帧来创建动画效果。GIF 图像通常用于简单的动画、徽标和图标。 GIF 文件通常比 JPEG 和 PNG 文件更小，但只支持256色，因此不适合用于需要高色彩精度的图像。

4. SVG：这是一种基于 XML 的矢量图形格式，可以在不失真的情况下缩放到任意大小。SVG 图像通常用于图标、标志和其他需要缩放的图像。 与位图图像不同，SVG 图像是由矢量路径组成的，因此可以无限缩放而不失去质量。

5. TIFF：这是一种高质量、无损压缩的图像格式，通常用于印刷和出版行业。它可以保存多个图层和通道，以及高动态范围图像等。

6. WEBP：这是一种由 Google 开发的新型图片格式，可以提供比 JPEG 和 PNG 更小的文件大小，同时保持较高的图像质量。WEBP 支持无损和有损压缩，以及透明度和动画效果。

7. HEIF：这是一种由 MPEG 组织开发的新型图片格式，可以提供比 JPEG 更小的文件大小，同时保持较高的图像质量。HEIF 支持多个图层、深色模式和动态图像等。

除了之前提到的图片格式，还有一些其他的图片格式也可以了解一下：

1. BMP：这是一种早期的位图图像格式，通常用于 Windows 操作系统和一些早期的应用程序。BMP 图像通常具有高质量的图像，但文件大小较大，因此不适合在 Web 上使用。

2. ICO：这是一种专门用于图标的图像格式，可以保存多个图标大小和颜色深度的版本。ICO 图像通常用于应用程序和网站的图标。

3. PSD：这是 Adobe Photoshop 软件专用的图像格式，可以保存多个图层和通道，以及其他高级编辑功能。PSD 图像通常用于专业的图像处理和设计工作。

4. RAW：这是一种原始的图像格式，保存了从相机中捕获的未经处理的图像数据。RAW 图像通常需要进行后期处理才能得到最终的图像，因此只适合专业的摄影师和图像处理人员使用。

综上所述，选择图片格式需要考虑很多因素，如图像的内容、用途、文件大小、色彩精度、透明度和动画效果等。不同的图片格式适用于不同的情况，我们应该根据具体需求选择合适的图片格式。