Bagaimana cara mengirim GIF animasi di Facebook?

Seorang teman memposting gambar yang dianimasikan langsung di umpan pesan di halaman awal Facebook saya. Bagaimana ini mungkin? Bagaimana ini bisa dilakukan?

Ini adalah URL yang digunakan oleh Facebook: http://photos-c.ak.fbcdn.net/hphotos-ak-snc3/29301_442976909814_310716489814_5773694_3162803_s.jpg

• Dalam Catatan: http://www.facebook.com/note.php?note_id=289489697750142

• Dalam Album: http://www.facebook.com/media/set/?set=a.125244550820831.21461.123901794288440&type=1

• Dalam Aplikasi: http://www.facebook.com/Animated.Pictures

Apakah gambar GIF baru saja diganti namanya .jpg? Mungkin tidak.

Saya tidak tahu apakah itu membantu atau apa, tapi di sini ada bagian (skrip) yang berisi URL gambar itu:

<script>big_pipe.onPageletArrive({"phase":4,"id":"pagelet_photo_bar","css":["aes1F","FPnMi"],"js":["Py8xV","1k++i","9qrJd"],"onload":["PhotoTheater.init(HTML(\"\\u003cdiv id=\\\"fbPhotoTheater\\\" class=\\\"fbPhotoTheater hidden_elem narrowerWhiteBar\\\" tabindex=\\\"0\\\" role=\\\"region\\\" aria-label=\\\"Facebook-Diashow\\\" aria-busy=\\\"true\\\">\\u003cdiv class=\\\"container\\\">\\u003cdiv class=\\\"positioner\\\">\\u003ca class=\\\"uiTooltip closeTheater\\\" href=\\\"#\\\">\\u003ci class=\\\"closeImage img sp_6lzo0r sx_bbf9a4\\\">\\u003c\\\/i>\\u003cspan class=\\\"uiTooltipWrap middle left leftmiddle\\\">\\u003cspan class=\\\"uiTooltipText uiTooltipNoWrap\\\">Schlie\\u00dfen\\u003c\\\/span>\\u003c\\\/span>\\u003c\\\/a>\\u003c\\\/div>\\u003cdiv class=\\\"stageBackdrop\\\">\\u003c\\\/div>\\u003cdiv class=\\\"stageWrapper\\\">\\u003cdiv class=\\\"stage\\\">\\u003cimg src=\\\"\\\/images\\\/loaders\\\/indicator_black.gif\\\" class=\\\"spotlight\\\" \\\/> \\u003cdiv class=\\\"fbPhotosTheaterTags tagContainer\\\" id=\\\"fbPhotoTheaterTags\\\">\\u003cdiv class=\\\"tagsWrapper\\\">\\u003c\\\/div>\\u003c\\\/div>\\u003c\\\/div>\\u003cdiv class=\\\"videoStage\\\"> \\u003c\\\/div>\\u003cdiv id=\\\"fbPhotoTheaterError\\\" class=\\\"fbPhotoTheaterError hidden_elem stageError\\\">\\u003c\\\/div>\\u003c\\\/div>\\u003cdiv class=\\\"stageActions\\\" id=\\\"fbPhotoTheaterStageActions\\\">\\u003ca class=\\\"prev\\\" href=\\\"#\\\" title=\\\"Zur\\u00fcck\\\">\\u003c\\\/a>\\u003ca class=\\\"next\\\" href=\\\"#\\\" title=\\\"Weiter\\\">\\u003c\\\/a>\\u003cdiv class=\\\"fbPhotoTheaterButtons\\\" id=\\\"fbPhotoTheaterButtons\\\">\\u003c\\\/div>\\u003c\\\/div>\\u003cdiv class=\\\"photoInfoWrapper\\\">\\u003ctable class=\\\"uiGrid fbPhotoTheaterGrid photoInfo\\\" cellspacing=\\\"0\\\" cellpadding=\\\"0\\\">\\u003ctbody>\\u003ctr>\\u003ctd class=\\\"vTop detailsCell\\\">\\u003cdiv class=\\\"detailsContainer\\\">\\u003cdiv id=\\\"fbPhotoTheaterTitle\\\">\\u003c\\\/div>\\u003cspan id=\\\"fbPhotoTheaterContributors\\\">\\u003c\\\/span> \\u003cspan class=\\\"fsm fwn fcg\\\" id=\\\"fbPhotoTheaterCount\\\">\\u003c\\\/span>\\u003chr class=\\\"mvm\\\" \\\/>\\u003cdiv id=\\\"fbPhotosTheaterActions\\\" class=\\\"fbPhotosTheaterActions\\\">\\u003c\\\/div>\\u003c\\\/div>\\u003c\\\/td>\\u003ctd class=\\\"vTop commentsCell\\\">\\u003cdiv class=\\\"commentsContainer\\\">\\u003cdiv class=\\\"fbPhotosTaglist mbm tagpile\\\" id=\\\"fbPhotosTaglist\\\">\\u003cspan class=\\\"caption fsm fwn fcg\\\">Auf diesem Foto: \\u003c\\\/span>\\u003c\\\/div>\\u003cdiv id=\\\"fbPhotoTheaterUfi\\\">\\u003cform rel=\\\"async\\\" class=\\\"commentable_item autoexpand_mode\\\" method=\\\"post\\\" action=\\\"\\\/ajax\\\/ufi\\\/modify.php\\\" onsubmit=\\\"return Event.__inlineSubmit(this,event)\\\">\\u003cinput type=\\\"hidden\\\" name=\\\"charset_test\\\" value=\\\"&euro;,&acute;,\\u20ac,\\u00b4,\\u6c34,\\u0414,\\u0404\\\" \\\/>\\u003cinput type=\\\"hidden\\\" autocomplete=\\\"off\\\" name=\\\"post_form_id\\\" value=\\\"10711e587b061f39240641dbc74019ac\\\" \\\/>\\u003cinput type=\\\"hidden\\\" name=\\\"fb_dtsg\\\" value=\\\"AQBfQgRs\\\" autocomplete=\\\"off\\\" \\\/>\\u003c\\\/form>\\u003c\\\/div>\\u003c\\\/div>\\u003c\\\/td>\\u003ctd class=\\\"vTop adsCell\\\">\\u003cdiv class=\\\"adsContainer\\\">\\u003cdiv class=\\\"clearfix\\\">\\u003cdiv id=\\\"fbPhotoTheaterEgo\\\" class=\\\"fbPhotoTheaterEgo\\\">\\u003c\\\/div>\\u003cdiv class=\\\"fbPhotoTheaterEgoSponsored fss fwn fcg\\\">Gesponsert\\u003c\\\/div>\\u003c\\\/div>\\u003c\\\/div>\\u003c\\\/td>\\u003c\\\/tr>\\u003c\\\/tbody>\\u003c\\\/table>\\u003c\\\/div>\\u003c\\\/div>\\u003c\\\/div>\"));"],"onafterload":["Bootloader.loadComponents([\"fb-photos-theater-css\"], function(){  });"],"content":{"pagelet_photo_bar":"\u003cdiv class=\"mbm fbProfilePhotoStrip\">\u003cul class=\"fbProfilePhotoBar\">\u003cli class=\"stat_elem\" id=\"thumb193067094054363\">\u003ca class=\"uiMediaThumb fbProfilePhotoThumb uiMediaThumbMedium\" href=\"http:\/\/www.facebook.com\/photo.php?fbid=193067094054363&amp;set=t.100000400858474&amp;type=1\" rel=\"theater\" ajaxify=\"http:\/\/www.facebook.com\/photo.php?fbid=193067094054363&amp;set=t.100000400858474&amp;type=1&amp;src=http\u00253A\u00252F\u00252Fa1.sphotos.ak.fbcdn.net\u00252Fhphotos-ak-snc6\u00252F179200_193067094054363_100000532222327_655777_5428850_n.jpg&amp;theater\">\u003ci style=\"background-image: url(http:\/\/photos-a.ak.fbcdn.net\/hphotos-ak-snc6\/179200_193067094054363_100000532222327_655777_5428850_s.jpg); background-position: -33px -17px;\">\u003c\/i>\u003c\/a>\u003c\/li>\u003cli class=\"stat_elem\" id=\"thumb185312914825402\">\u003ca class=\"uiMediaThumb fbProfilePhotoThumb uiMediaThumbMedium\" href=\"http:\/\/www.facebook.com\/photo.php?fbid=185312914825402&amp;set=t.100000400858474&amp;type=1\" rel=\"theater\" ajaxify=\"http:\/\/www.facebook.com\/photo.php?fbid=185312914825402&amp;set=t.100000400858474&amp;type=1&amp;src=http\u00253A\u00252F\u00252Fa8.sphotos.ak.fbcdn.net\u00252Fhphotos-ak-snc6\u00252F165369_185312914825402_100000400858474_523262_6205304_n.jpg&amp;theater\">\u003ci style=\"background-image: url(http:\/\/photos-h.ak.fbcdn.net\/hphotos-ak-snc6\/165369_185312914825402_100000400858474_523262_6205304_s.jpg); background-position: -22px -30px;\">\u003c\/i>\u003c\/a>\u003c\/li>\u003cli class=\"stat_elem\" id=\"thumb175015452521815\">\u003ca class=\"uiMediaThumb fbProfilePhotoThumb uiMediaThumbMedium\" href=\"http:\/\/www.facebook.com\/photo.php?fbid=175015452521815&amp;set=a.175015445855149.34462.100000400858474&amp;type=1\" rel=\"theater\" ajaxify=\"http:\/\/www.facebook.com\/photo.php?fbid=175015452521815&amp;set=a.175015445855149.34462.100000400858474&amp;type=1&amp;src=http\u00253A\u00252F\u00252Fa6.sphotos.ak.fbcdn.net\u00252Fhphotos-ak-snc4\u00252F156854_175015452521815_100000400858474_459703_1557976_n.jpg&amp;theater\">\u003ci style=\"background-image: url(http:\/\/photos-f.ak.fbcdn.net\/hphotos-ak-snc4\/156854_175015452521815_100000400858474_459703_1557976_s.jpg);\">\u003c\/i>\u003c\/a>\u003c\/li>\u003cli class=\"stat_elem\">\u003cdiv class=\"fbProfilePhotoThumbEmpty\">\u003c\/div>\u003c\/li>\u003cli class=\"stat_elem\">\u003cdiv class=\"fbProfilePhotoThumbEmpty\">\u003c\/div>\u003c\/li>\u003c\/ul>\u003c\/div>"}});</script> 

Bagian penting di atas tampaknya ada di sini:

style=\"background-image: url(http:\/\/photos-f.ak.fbcdn.net\/hphotos-ak-snc4\/156854_175015452521815_100000400858474_459703_1557976_s.jpg);\">

Mei 2015

http://mashable.com/2015/05/29/facebook-gif-support/

Hal pertama yang perlu diingat adalah fitur tersebut bekerja dengan tautan GIF, bukan unggahan GIF. Setidaknya untuk saat ini, upaya mengunggah GIF favorit Anda tidak akan menghasilkan GIF yang dapat digunakan dan dapat dimainkan di Facebook.

[...]

Layanan seperti Giphy, Imgur, GFYcat, dan lainnya sedang mencoba untuk membuatnya lebih mudah untuk menanamkan GIF besar di seluruh web

[...]

pastikan Anda menggunakan url GIF lengkap dari Giphy atau layanan GIF lainnya.

April 2012 - Eksploitasi Saat Ini menggunakan aplikasi teks seluler untuk meneruskan gambar

http://www.facebook.com/connect/uiserver.php?app_id=2915120374
&method=stream_publish
&redirect_uri=http://www.facebook.com
&from=SENDERID
&target_id=RECEIVERID
&action_links=[{"text":"Your Text Here",
                "href":"http://www.blank.com/"}]
&attachment={'media':[{'type':'image',
                       'src':'animationurl',
                       'href':'anyurl'}],
             'description':'LongDescription',
             'properties':{'Anything':{'text':'Anything',
                                       'href':'anyurl'}}}

Satu-satunya hal yang benar-benar dibutuhkan adalah animationurl, yang harus berupa gambar yang di-host di Facebook.

Ini adalah cara-cara yang sebelumnya mungkin dilakukan

• Mengubah nama file menjadi GIF
• Mengubah dimensi file menjadi sekitar 120 px untuk memotong kompresi
• Mengubah data tajuk atau menambahkan byte (contoh, 3B akhir dalam data GIF) ke akhir file untuk memotong alat gambar Facebook
  
• Melalui Facebook FBML
• Melalui tag HMTL Facebook dalam catatan

Cara kerja pertama tampaknya berbagi entah bagaimana set gif yang tersedia saat ini di server Facebook melalui penandaan pengguna di dalamnya. Saya belum melihat adanya GIF baru selain dari yang saat ini melingkari.

Yang kedua memanfaatkan penyalahgunaan API Facebook melalui Aplikasi Facebook. Pengembang menyembunyikan GIF dalam pratinjau embed video.

Sekarang, dengan asumsi seseorang harus mengetahuinya, Anda akan dilarang ... karena ini berarti sistem pengunggahan gambar cacat dan kode berbahaya dapat dieksekusi dengan disembunyikan dalam GIF atau gambar. Tampaknya Tim Foto Facebook akan memastikan bahwa GIF tidak tinggal lagi.

Nathaniel Roman

Dan sebelumnya di Facebook Dev Wiki lama beberapa dari ini mungkin telah berubah sekarang tetapi intinya tetap sama

Platform Facebook menangani tag img secara khusus. Saat menerbitkan halaman, server Facebook meminta URL gambar apa pun dan kemudian menyajikan gambar-gambar ini, menulis ulang atribut src dari semua tag img menggunakan domain * .facebook.com. Ini melindungi privasi pengguna Facebook dan memungkinkan mereka untuk mengontrol kualitas layanan gambar mereka dengan lebih baik.

Ada beberapa alasan untuk keberadaan cache gambar:

• Kami membutuhkan cara untuk memastikan tingkat kualitas dan keseragaman dalam gambar yang ditampilkan pada profil pengguna (tidak ada gambar animasi, tidak ada gambar 50 MB, dll.)
• Kami perlu melindungi privasi pengguna dan tidak mengizinkan aplikasi jahat mengekstrak informasi dari permintaan gambar yang dibuat langsung dari browser pengguna yang melihat
• Mungkin yang paling penting bagi Anda, cache gambar melindungi pengembang dari potensi besar yang melayani gambar-gambar ini, menempatkan beban pada sumber daya Facebook sebagai gantinya

Dan pada akhirnya seperti yang saya sebutkan di tempat lain

Juga meskipun tidak dinyatakan di manapun dalam TOS,

Dengan mengunggah file, Anda menyatakan bahwa Anda memiliki hak untuk mendistribusikan gambar ini dan tidak melanggar Ketentuan Layanan

Jadi, Anda dapat memperoleh tepukan di bagian belakang untuk pengujian pada Akun Pengguna Tes tetapi menggunakan exploit (jika ditemukan) pada akun pribadi. Saya yakin Anda pada akhirnya akan melihat penghentian akun Anda.

_{PS Jangan berpikir karena ketika Anda menelusuri situs-situs itu, Karyawan Facebook tidak melihat informasi ini. Saat eksploitasi diketahui publik, dalam jumlah waktu yang sama akan ditutup}

Meskipun ekstensi adalah jpeg, itu masih berupa file gif

Untuk menjawab pertanyaan Anda, inilah yang saya temukan :

Yang harus Anda lakukan adalah mengunggah gif animasi kecil (sekitar 50 KB atau kurang) sebagai foto profil Anda (Facebook akan meratakan gif animasi yang terlalu besar, tetapi jangan mendeteksi yang lebih kecil). Kemudian akan ada di album profil Anda. Ikon Anda sendiri TIDAK akan dianimasikan. Namun, Anda akan melihatnya sebagai animasi di folder foto profil Facebook Anda, dan dengan pergi ke foto itu, & mengklik "bagikan", itu akan muncul di dinding Anda sebagai animasi.

Thumbnail Profil selalu dihasilkan dari gambar dasar. Jika gambar dasar di bawah 120x120 maka animasi akan tetap utuh melalui tampilan yang diminimalkan dan dimaksimalkan. Apa pun yang melebihi ukuran itu perlu diubah ukurannya agar pas sebagai thumbnail galeri yang diperkecil, dan akan kehilangan animasi, namun ukuran penuhnya harus tetap dianimasikan.

Saya meneliti dan menemukan bahwa gambar tersebut dihasilkan oleh aplikasi http://apps.facebook.com/animated-picture/ Anda dapat menghasilkan file seperti ini dari SWF (flash) pada aplikasi ini sebagai GIF animasi dan menerbitkannya di facebook Anda!

Facebook sekarang mendukung mengunggah file animasi gif secara asli. Jika Anda mengklik tombol unggah gambar di kotak pembaruan status pada halaman Newsfeed atau Timeline Anda, lalu pilih file animasi gif yang ingin Anda unggah, itu akan diunggah dan Facebook akan mengonversinya menjadi file video .mp4, yang dapat diputar seperti file video Facebook normal, termasuk kemampuan untuk berhenti pada frame tertentu, yang bukan merupakan pilihan saat melihat file gif animasi normal. Meskipun gif sebenarnya telah dikonversi ke file video setelah diunggah, ia akan memiliki label overlay yang mengatakan GIF.

Sebagai file video, dan file video autoplays Facebook di Newsfeed (jika Anda tidak mematikan pengaturan Facebook), maka ia akan berperilaku seperti gif animasi (perulangan konstan) karena facebook secara otomatis memotong video yang berada di bawah 30 detik panjang.