我将图像转换为CSS。现在我想在我的代码上手动给图像扩展名。所有代码将以jpg / png格式运行并显示图像。
我尝试了php代码：header('content-type: image/png')，但我没有成功，图像未显示（我黑页）。如果我使用图像扩展名，那么我可以在社交媒体上显示图像。现在它显示在我的网站上，但不显示在社交媒体上。请不要告诉我使用未经转换的真实图像。是否可以在社交媒体上仅获取CSS图像？谢谢
.img{height: 1px; width: 1px; box-shadow: #b55e31 0 0,#d48564 1px 0,#733125 2px 0,#623436 3px 0,#5f494c 4px 0,#705b6c 5px 0,#502a53 6px 0,#863c79 7px 0,#d859aa 8px 0,#d22f8a 9px 0,#c70d70 10px 0,#da1773 11px 0,#e82372 12px 0,#ff588c 13px 0,#d23d50 14px 0,#7b0000 15px 0,#7f0104 16px 0,#800300 17px 0,#931200 18px 0,#981600 19px 0,#843911 0 1px,#823d1e 1px 1px,#5c2318 2px 1px,#5f3134 3px 1px,#451c2c 4px 1px,#a27491 5px 1px,#e0a1d0 6px 1px,#de7fbf 7px 1px,#c03986 8px 1px,#c9257b 9px 1px,#c00963 10px 1px,#ce0e63 11px 1px,#db1b66 12px 1px,#d12056 13px 1px,#a9152d 14px 1px,#860007 15px 1px,#840000 16px 1px,#8f0d00 17px 1px,#9a1900 18px 1px,#cb4925 19px 1px,#6e3718 0 2px,#6f3d26 1px 2px,#562e26 2px 2px,#53232f 3px 2px,#8b3f63 4px 2px,#c8679c 5px 2px,#921f5a 6px 2px,#9d1859 7px 2px,#a60f56 8px 2px,#ac0650 9px 2px,#b7054f 10px 2px,#c70f57 11px 2px,#cb1256 12px 2px,#ff548c 13px 2px,#b52348 14px 2px,#8d0414 15px 2px,#950800 16px 2px,#b92e11 17px 2px,#f77043 18px 2px,#ff824c 19px 2px,#5a2d18 0 3px,#6a412f 1px 3px,#522d25 2px 3px,#5c2633 3px 3px,#ae4e7c 4px 3px,#bf4985 5px 3px,#b54172 6px 3px,#dc6390 7px 3px,#ff88b9 8px 3px,#bf3161 9px 3px,#c02857 10px 3px,#b31142 11px 3px,#c01647 12px 3px,#ff8dbc 13px 3px,#ffb1d4 14px 3px,#9d1f2d 15px 3px,#cd402f 16px 3px,#db4c24 17px 3px,#db541d 18px 3px,#c03e00 19px 3px,#62362b 0 4px,#5c3025 1px 4px,#7b4c42 2px 4px,#84434b 3px 4px,#a53e6d 4px 4px,#ea82b3 5px 4px,#ffd6e8 6px 4px,#ffd1d3 7px 4px,#e999a2 8px 4px,#f79aa5 9px 4px,#fc949f 10px 4px,#d45765 11px 4px,#c83045 12px 4px,#e34f67 13px 4px,#ffdced 14px 4px,#bf5557 15px 4px,#900c00 16px 4px,#ad2000 17px 4px,#d9541b 18px 4px,#db5b1a 19px 4px,#5d302a 0 5px,#63342c 1px 5px,#9f6d62 2px 5px,#9e5e5f 3px 5px,#761b3e 4px 5px,#ffaccd 5px 5px,#f2c9c7 6px 5px,#bc9f8f 7px 5px,#b28379 8px 5px,#c3847b 9px 5px,#d28478 10px 5px,#cd6b62 11px 5px,#c6484b 12px 5px,#a72c31 13px 5px,#ffbcbf 14px 5px,#ba635c 15px 5px,#9e3015 16px 5px,#e97248 17px 5px,#ff915c 18px 5px,#ce5c20 19px 5px,#63322b 0 6px,#65342d 1px 6px,#55231a 2px 6px,#7a4541 3px 6px,#62242f 4px 6px,#ffcbd3 5px 6px,#b5948b 6px 6px,#43291a 7px 6px,#745249 8px 6px,#b7857c 9px 6px,#d18a78 10px 6px,#b05a49 11px 6px,#a1433b 12px 6px,#771c17 13px 6px,#73261e 14px 6px,#c0786a 15px 6px,#9a4f38 16px 6px,#a55635 17px 6px,#9f471f 18px 6px,#be6336 19px 6px,#633329 0 7px,#5e2f25 1px 7px,#64382d 2px 7px,#ba9288 3px 7px,#be9991 4px 7px,#edcfc5 5px 7px,#9a8276 6px 7px,#e8d2c7 7px 7px,#2b120d 8px 7px,#815c53 9px 7px,#d39684 10px 7px,#bd7662 11px 7px,#6d2318 12px 7px,#631f16 13px 7px,#db9d8e 14px 7px,#dca591 15px 7px,#a06a52 16px 7px,#71381b 17px 7px,#884825 18px 7px,#c07c55 19px 7px,#704233 0 8px,#714739 1px 8px,#725142 2px 8px,#ccb1a0 3px 8px,#c0ab96 4px 8px,#d9c8b6 5px 8px,#d6c8bd 6px 8px,#efe2dc 7px 8px,#261714 8px 8px,#a78e89 9px 8px,#f1c3b4 10px 8px,#e6ae9d 11px 8px,#b2736c 12px 8px,#450c03 13px 8px,#f7cebc 14px 8px,#fcd7bd 15px 8px,#8c5d43 16px 8px,#7e482c 17px 8px,#8b5636 18px 8px,#9c6a47 19px 8px,#644330 0 9px,#684937 1px 9px,#5a3f2e 2px 9px,#96816e 3px 9px,#e1d1b8 4px 9px,#cbbca7 5px 9px,#cab8ae 6px 9px,#dec9c6 7px 9px,#efd7d3 8px 9px,#e7c6bf 9px 9px,#ddada1 10px 9px,#d89d8f 11px 9px,#e5a198 12px 9px,#ffc7bc 13px 9px,#ffd6c2 14px 9px,#fff1d8 15px 9px,#663922 16px 9px,#82543c 17px 9px,#865d41 18px 9px,#8b6447 19px 9px,#5a4b36 0 10px,#5a4935 1px 10px,#634c3a 2px 10px,#5e4833 3px 10px,#422c17 4px 10px,#795d4f 5px 10px,#c7a09b 6px 10px,#c59895 7px 10px,#af7d74 8px 10px,#965c50 9px 10px,#995047 10px 10px,#8a382d 11px 10px,#9e4034 12px 10px,#ac5647 13px 10px,#ffcab8 14px 10px,#582d1a 15px 10px,#6a4334 16px 10px,#6f4a3a 17px 10px,#785341 18px 10px,#6f4c38 19px 10px,#807966 0 11px,#78705d 1px 11px,#6b5a4a 2px 11px,#675445 3px 11px,#5c4938 4px 11px,#573d30 5px 11px,#89605c 6px 11px,#a7706d 7px 11px,#aa665b 8px 11px,#d38175 9px 11px,#cb6a63 10px 11px,#b14842 11px 11px,#b3493b 12px 11px,#d17664 13px 11px,#8e5440 14px 11px,#603725 15px 11px,#5f3b2f 16px 11px,#5a3930 17px 11px,#5e3e31 18px 11px,#59392c 19px 11px,#43392d 0 12px,#3c3228 1px 12px,#453b32 2px 12px,#4b4137 3px 12px,#4c4332 4px 12px,#4a3d2d 5px 12px,#412821 6px 12px,#84554f 7px 12px,#8c3e32 8px 12px,#9f372c 9px 12px,#ba3a37 10px 12px,#c44441 11px 12px,#d46a5c 12px 12px,#611400 13px 12px,#4d230b 14px 12px,#4a2f1a 15px 12px,#49291e 16px 12px,#49281f 17px 12px,#48271e 18px 12px,#4b2d22 19px 12px,#45372c 0 13px,#45382f 1px 13px,#4f423c 2px 13px,#51473e 3px 13px,#524b39 4px 13px,#4e4331 5px 13px,#725c51 6px 13px,#e0b4a9 7px 13px,#883527 8px 13px,#942218 9px 13px,#950b0b 10px 13px,#900a09 11px 13px,#83180e 12px 13px,#c57868 13px 13px,#552415 14px 13px,#492819 15px 13px,#573229 16px 13px,#553329 17px 13px,#502e24 18px 13px,#543429 19px 13px,#695648 0 14px,#645143 1px 14px,#604c43 2px 14px,#422e23 3px 14px,#4b3a2a 4px 14px,#231000 5px 14px,#fff8ea 6px 14px,#b18072 7px 14px,#8a382a 8px 14px,#cc6056 9px 14px,#aa292d 10px 14px,#890b0f 11px 14px,#700402 12px 14px,#751a17 13px 14px,#ffb6b9 14px 14px,#b07372 15px 14px,#5b2c22 16px 14px,#563023 17px 14px,#552f22 18px 14px,#5c362b 19px 14px,#665140 0 15px,#705a4c 1px 15px,#432b21 2px 15px,#41291f 3px 15px,#311b0e 4px 15px,#b99f92 5px 15px,#ffe0d2 6px 15px,#8b5a4b 7px 15px,#7a3526 8px 15px,#b15d53 9px 15px,#963637 10px 15px,#8c2c2e 11px 15px,#ffaaa9 12px 15px,#a14b4a 13px 15px,#cc777e 14px 15px,#9e5659 15px 15px,#8c5a53 16px 15px,#451d11 17px 15px,#4f271d 18px 15px,#4e261c 19px 15px,#66543e 0 16px,#645140 1px 16px,#4a332b 2px 16px,#301816 3px 16px,#442a2b 4px 16px,#fff1ee 5px 16px,#c89c8f 6px 16px,#693a2a 7px 16px,#c89c8f 8px 16px,#fff0e7 9px 16px,#ffe0dc 10px 16px,#fff3ed 11px 16px,#ffe1d7 12px 16px,#ad726a 13px 16px,#96504e 14px 16px,#b2716f 15px 16px,#a3736f 16px 16px,#a8837d 17px 16px,#ad8882 18px 16px,#9d7872 19px 16px,#313526 0 17px,#2d2f24 1px 17px,#212121 2px 17px,#120d13 3px 17px,#41343d 4px 17px,#9e8588 5px 17px,#bd9387 6px 17px,#c89b88 7px 17px,#7f5b4d 8px 17px,#e3c8bd 9px 17px,#fffbf1 10px 17px,#907a6f 11px 17px,#ba998a 12px 17px,#e5b5a7 13px 17px,#e7a79d 14px 17px,#e0a19a 15px 17px,#dcb0ad 16px 17px,#b18f8d 17px 17px,#c4a2a0 18px 17px,#e2c3c0 19px 17px,#739fa2 0 18px,#9ac5cb 1px 18px,#add3e0 2px 18px,#b6d3e3 3px 18px,#c2d4e2 4px 18px,#bab5bb 5px 18px,#937368 6px 18px,#e5b8a5 7px 18px,#7a4f3f 8px 18px,#613c2c 9px 18px,#b8988b 10px 18px,#502f1e 11px 18px,#966d59 12px 18px,#c08c77 13px 18px,#d1907e 14px 18px,#a5675a 15px 18px,#dcb3ad 16px 18px,#f3d6d2 17px 18px,#f2d6d2 18px 18px,#d3bab5 19px 18px,#93d3df 0 19px,#80becd 1px 19px,#71abbf 2px 19px,#7cacc2 3px 19px,#8baabc 4px 19px,#848b91 5px 19px,#9a7e73 6px 19px,#a47762 7px 19px,#aa7b6b 8px 19px,#c69b8a 9px 19px,#c9a293 10px 19px,#9d7764 11px 19px,#976a53 12px 19px,#9d674f 13px 19px,#c7856f 14px 19px,#d49687 15px 19px,#cda79e 16px 19px,#c8afaa 17px 19px,#c9b0ab 18px 19px,#b8a19b 19px 19px}<div class="img"></div>