I converted image to css. Now i wants to give image extension manually on my code. All code will run as a jpg/png format and will display image.
I tried php code: header('content-type: image/png') but i am not success, image not displaying (i got black page). If i use image extension then i can display image on social media. Now its displaying on my site but not displaying in social media. please don't tell me to use real image without convert. is it possible to fetch only css image on social media? Thanks
.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></div>
