PS: File Saver

Export multiple sizes of an image

JPG SAVER

Running this script from PhotoShop > File > Scripts > Browse

I made this for me, to help with this site, but you might find it useful to break down and make your own scripts.


art_poison_art.js

What this script does:
  • Exports your image in multiple sizes (1920, 1080, 1260, 768, 375px)
  • Maintains aspect ratio for all exported sizes
  • Provides real-time compression preview before export
  • Saves as optimized JPEG files with customizable quality
Features:
  • JPEG Saver - Exports as JPG (natively supported by Photoshop)
  • Compression Control:
    • Quality slider (0-100%)
    • Real-time quality value display
    • Compression info showing that higher values = better quality
  • Preview Compression Feature:
    • "Preview Compression" button that tests the current quality setting
    • Shows actual file size for the current document at selected quality
    • Displays estimated file sizes for each export size
    • Provides compression tips (e.g., 80-90% for web use)
  • Enhanced UI:
    • Two-column layout for better organization
    • Preview panel showing compression effects
    • File size estimates panel
    • Progress bar during export
    • Detailed completion message with all exported files and their sizes
How the Preview Works:

When you click "Preview Compression":

  1. The script temporarily saves the current document with your selected quality
  2. Calculates the actual file size
  3. Estimates file sizes for each selected export size
  4. Displays recommendations for quality settings
  5. Shows compression percentage
Usage Tips:
  • Quality 90-100%: High quality, larger files (for print or high-quality web)
  • Quality 80-90%: Good balance for web use
  • Quality 60-80%: Smaller files, some quality loss
  • Quality below 60%: Significant compression, visible quality loss

The script maintains all the original features like aspect ratio preservation, custom sizes, and folder selection, while adding the compression preview functionality. Perfect for preparing images for responsive web design where you need multiple sizes of the same image with consistent quality settings.