• Welcome to TechPowerUp Forums, Guest! Please check out our forum guidelines for info related to our community.

Photoshop: Creating Transparent Images

Joined
May 24, 2007
Messages
4,720 (1.21/day)
Likes
354
Location
Tennessee
System Name AM3+
Processor AMD FX-8350 @ 4715.73 MHz (23.5*200.63 MHz)
Motherboard ASUS Crosshair V Formula-Z AM3+ AMD 990FX SATA 6Gb/s USB 3.0 ATX AMD Motherboard
Cooling AMD 8150 Factory Water Cooler
Memory Corsair XMS3 16 GB 1333 MHz PC3-10666 240-Pin DDR3
Video Card(s) ASUS ROG MATRIX-R9290X-P-4GD5 Radeon R9 290X 4GB 512-Bit GDDR5 PCI Express 3.0
Storage SanDisk Ultra II 480GB, INTEL SS DSC2BW240A4, Western Digital WDC WD50 00AAKX-003CA0
Display(s) Acer S211HL bd 21.5-Inch Widescreen Ultra-Slim LED Display - Black
Case COOLER MASTER Elite 335 Upgraded RC-335U-KKN1 Black Steel / Plastic ATX Mid Tower Computer Case
Power Supply Corsair RM Series 850 Watt ATX/EPS 80PLUS Gold-Certified Power Supply - CP-9020056-NA RM850
Software Windows 10.0 Pro 64 Bit
#1
Alright I'm creating a transparent image, however, every time I save my photoshop file as a JPEG, it adds a white background... What's the deal?
 

W1zzard

Administrator
Staff member
Joined
May 14, 2004
Messages
17,172 (3.43/day)
Likes
18,149
Processor Core i7-4790K
Memory 16 GB
Video Card(s) GTX 1080
Display(s) 30" 2560x1600 + 19" 1280x1024
Software Windows 7
#4
use GIF (which has no alpha transparency, only colorkey) when you need it to work in ie6, otherwise use PNG
 
Joined
May 21, 2009
Messages
4,966 (1.57/day)
Likes
1,511
System Name i7-PC / HTPC / iMac
Processor i7 3820 / Phenom II 940
Motherboard GIGABYTE G1.ASSASSIN2 / M3A79-T Deluxe
Cooling Corsair Hydro H100i / Scythe II (HS only)
Memory G.SKILL Trident X Series 8GB (2 x 4GB) DDR3 1600mhz / 4GB DDR2 1066 (@800) Corsair Dominator
Video Card(s) GB Radeon HD 7950s 3GB / GB Radeon HD 7950s 3GB
Storage 2x 80GB Intel X-25, 2x600gb SATA, 1x1tb 5400RPM storage /1x600GB, 3x500GB,1x160,1x120 SATA
Display(s) 1x 27" Yamakasi / Vizio 42" HDTV
Case Lian Li Lancool PC-K58 / Antec 900
Audio Device(s) HT Omega Striker 7.1 / Onboard and HDMI from ATi Card
Power Supply PC Power & Cooling 750W / 610W
Software Ubuntu / Windows 8.1 Pro / OS X / PHPStorm / Gaming
#5
just note that large transparent pngs can cause tremendous slowdown in <IE9
 
Joined
Feb 16, 2011
Messages
160 (0.06/day)
Likes
74
Location
Florida, USA
#6
  • PNG supports Alpha Transparency, that is that the image can have different levels of alpha (or opacity) throughout.
  • GIF supports transparency too, but any part of the image can only be either transparent or opaque. There is no gradual shift, no "Alpha" level to adjust. (And transparency eats into 1/256 of your available colors.)
  • JPEG supports neither form of transparency.

Internet Explorer did not support transparency in PNGs until IE7, I believe that it would show black instead of the page behind the PNG image. It did, however, support PNGs. (Which are still a great way to achieve a non-lossy, high-color image. (even without transparency))
 
Last edited:
Joined
Jun 3, 2007
Messages
22,430 (5.77/day)
Likes
8,945
Location
'Merica. The Great SOUTH!
System Name TheMailbox 5.0 / The Mailbox 4.5
Processor RYZEN 1700X / Intel i7 2600k @ 4.2GHz
Motherboard Fatal1ty X370 Gaming K4 / Gigabyte Z77X-UP5 TH Intel LGA 1155
Cooling MasterLiquid PRO 280 / Scythe Katana 4
Memory ADATA RGB 16GB DDR4 2666 16-16-16-39 / G.SKILL Sniper Series 16GB DDR3 1866: 9-9-9-24
Video Card(s) MSI 1080 "Duke" with 8Gb of RAM. Boost Clock 1847 MHz / ASUS 780ti
Storage 256Gb M4 SSD / 128Gb Agelity 4 SSD , 500Gb WD (7200)
Display(s) LG 29" Class 21:9 UltraWide® IPS LED Monitor 2560 x 1080 / Dell 27"
Case Cooler Master MASTERBOX 5t / Cooler Master 922 HAF
Audio Device(s) Realtek ALC1220 Audio Codec / SupremeFX X-Fi with Bose Companion 2 speakers.
Power Supply Seasonic FOCUS Plus Series SSR-750PX 750W Platinum / SeaSonic X Series X650 Gold
Mouse SteelSeries Sensei (RAW) / Logitech G5
Keyboard Razer BlackWidow / Logitech (Unknown)
Software Windows 10 Pro (64-bit)
Benchmark Scores Benching is for bitches.
#8
Alright I'm creating a transparent image, however, every time I save my photoshop file as a JPEG, it adds a white background... What's the deal?
What do you need it for? You can also get a transparent image with an EPS and a Tif also. It all depends on the application.