Navigasi

20 October 2016


Tutorial: How to download LINE sticker files to computer

This is the official English translation of a post. The original post in bahasa Indonesia can be found here: Tutorial cara mengunduh berkas stiker LINE ke komputer.
Note: You can always translate any article using Google Translate tool on the upper right corner (or lower part for mobile view) of this blog.

Hello to all of you, the loyal readers of Isamu no Heya! After some later posts I always discuss about song lyrics, on this occasion I will discuss something that a bit different, that is to say a tutorial. By the way, Isamu no Heya ever posted a tutorial also earlier. One of the popular tutorial post is about how to create subtitles. And if you want to read more tutorials, please check this list.

Tutorial which I want to share this time is about how to download LINE sticker files to the computer. Obviously if you have a nice LINE sticker, sometimes there is a desire to take it and reuse it, for example as your profile picture and avatar, or maybe to upload and post it back to other social media and forums, right? Isamu no Heya has the solution for it!

For your information, these steps can be done even if you don't have (purchased) the LINE stickers.

Without any longer, here are the steps:
  1. Find out the ID of the sticker that you want
    On LINE mobile apps:
    • Swipe the screen to the More tab on the far right ()
    • If you already have the sticker:
      - Click the Settings icon on the upper right ()
      - Click the Stickers menu in the Shops section ()
      - Click the My Stickers menu in the Stickers section
      - Click one of the stickers that you want
    • If you don't have the sticker yet:
      - Click the Sticker Shop icon on the lower ()
      - Find the sticker that you want
      - Click the sticker image
    • You will arrive at Sticker Details page
    • Click the Share icon on the upper right ()
    • Select one of the applications listed, for example Messaging
    • On the opened apps, look at the link which is shown
    • Number at the end of the link is the sticker ID
      In the example below, the ID is 7260
    On computer (PC) or phone browser:
    • Open LINE Store website at store.line.me
    • Find the sticker that you want
    • Click the sticker image
    • You will arrive at Sticker Details page
    • Look at the URL address which is shown
    • Number near the end of the link is the sticker ID
      In the example below, the ID is 7260

  2. Find out the type of sticker that you want
    LINE has several sticker types that you can distinguish by observing a small icon on the lower right corner of the sticker picture on Sticker Details page. Here are the types:
      No icons: Regular sticker
      Speaker icon: Regular sticker with sound
      Arrow icon: Animated sticker
      Arrow and speaker icon: Animated sticker with sound
      Lightning icon: Pop up sticker
      Lightning and speaker icon: Pop up sticker with sound
    In the example below, the type is pop up sticker.

  3. Download the sticker files
    • For regular sticker type, visit:
      dl.stickershop.line.naver.jp/products/0/0/1/[ID]/iphone/stickers@2x.zip
    • For other sticker types, visit:
      dl.stickershop.line.naver.jp/products/0/0/1/[ID]/iphone/stickerpack@2x.zip
    If the links above are not working, you can also try to download them through the secure site here:
    • For regular sticker type:
      https://stickershop.line-scdn.net/stickershop/v1/product/[ID]/
      iphone/stickers@2x.zip
    • For other sticker types:
      https://stickershop.line-scdn.net/stickershop/v1/product/[ID]/
      iphone/stickerpack@2x.zip
    Replace [ID] in the link above with ID of the sticker that you want.
    For example, to download sticker that mentioned in the example above, you need to visit this page:
    dl.stickershop.line.naver.jp/products/0/0/1/7260/iphone/stickerpack@2x.zip, or https://stickershop.line-scdn.net/stickershop/v1/product/7260/iphone/ stickerpack@2x.zip.

    Downloaded sticker files usually at 300 pixels size. If you want to get the smaller one to save more quota, you can replace "iphone" in the link above with "android", and remove "@2x" text. Stickers for Android versions of LINE are usually smaller, which is about 225 pixels only.
    For example, to download (smaller version of) sticker that mentioned in the example above, you need to visit this page:
    dl.stickershop.line.naver.jp/products/0/0/1/7260/android/stickerpack.zip, or https://stickershop.line-scdn.net/stickershop/v1/product/7260/android/ stickerpack.zip.


    Example of extract result from a pop up sticker with sound

  4. Extract the downloaded files
    Please use your favorite program to extract the ZIP file that you download just now.

    For computer (PC):
    Use programs like 7-Zip, WinZip, or WinRAR. You can also use native Compressed folders application from Windows.

    For mobile phone:
    Use programs like File Manager from Cheetah Mobile, or Root Explorer.

    More information about ZIP, can be read at its Wikipedia article.

  5. Find the sticker image files
    You can find the image file of the sticker in the following folders:
    • Regular sticker: . (root)
    • Animated sticker, either with sound or not, iPhone version: "animation@2x"
    • Animated sticker, either with sound or not, Android version: "animation"
    • Pop up sticker, either with sound or not: "popup"
    The file format that LINE used is APNG. More information about APNG, can be read at its Wikipedia article.

    In addition to the folders above mentioned, for stickers with sound there is a folder named "sound". Here you can find the audio clips used by the sticker. The file format used is M4A. More information about MP4, can be read at its Wikipedia article.

  6. Done!
    Now you can use the sticker images anywhere. For example, in blogs like this:
     
    File #13010909 and #13010912 from sticker ID 1322563 (707 from Mystic Messenger)
So, do you successfully manage to do so?

If you find this tutorial is useful, please help to spread and share this post to your friends. You can also keep supporting Isamu no Heya so it can provide good posts like this by donating for example. More information about this, can be read on Support us page (in bahasa Indonesia).

Information about APNG format and the differences between APNG and GIF


Animated and pop up stickers from LINE are using APNG format. This format is a less common format used for animated image. The more common one is GIF. Besides, the browser that supports APNG format from long time ago is only Firefox and Safari. Chrome just supports this format since version 59. Opera has removed this format support starting from 2008 release. While Internet Explorer and Edge does not support this format yet.

You can check your browser's support just by looking this image:

If it says "Your browser supports APNG", then it means your browser can read APNG format. Whereas if it says "Your browser does NOT support APNG", then it means your browser you cannot read APNG format.

Apart from browsers support and applications that can read it, actually APNG has some advantages that is it fully supports alpha (transparent) channels, so we can make animated image which has semi-transparent gradient. As for GIF, it only support whether a solid color or fully transparent pixels.

Look at the image example below:
[GIF]

[APNG]

Image files which is used in white, green, and purple background are the same file. Here, we can see that because of GIF does not support semi-transparent, there will be white border around the edges of the image if the shadow appears. While on APNG the border doesn't exist.

Here is another example:
[GIF]
           
[APNG]
           
Here, because of GIF does not support semi-transparent, we can see that if we use the same image file for each background color, the color is became not suitable anymore if they have gradation. To circumvent it, we had to make three separate files for each background color. While with APNG, this can be done with one file only. No matter what color the background is, the gradation will be able to adjust it.

However, if you still need to use the GIF one which is supported by more browsers, I suggest to use APNG to GIF converter from Animizer here. With this application, you can also adjust the speed and background color.

Finally,

Thank you for reading Isamu no Heya, and wait for the next post!

16 September 2016


Tutorial cara mengunduh berkas stiker LINE ke komputer

This post is also avaiable in English. The translated post can be found here: Tutorial: How to download LINE sticker files to computer.

Halo, para pembaca setia Isamu no Heya! Setelah beberapa kiriman terakhir saya selalu membahas mengenai lirik lagu, pada kesempatan kali ini saya akan membahas hal yang sedikit berbeda, yaitu tutorial. O ya, sebelumnya Isamu no Heya juga pernah memberikan tutorial. Salah satu kiriman tutorial yang terkenal adalah cara membuat takarir (subtitle). Atau jika ingin membaca tutorial-tutorial lainnya, silakan periksa di daftar ini.

Tutorial yang ingin saya bagikan kali ini adalah cara untuk mengunduh berkas stiker LINE ke komputer. Tentunya jika kalian memiliki stiker yang bagus, terkadang ada keinginan untuk mengambilnya dan menggunakannya kembali misalnya sebagai foto profil atau avatar kalian, atau misalnya untuk diunggah/dikirimkan kembali ke forum atau sosial media lainnya bukan? Isamu no Heya punya solusinya!

O ya, sekadar informasi, cara-cara ini bisa kalian lakukan tanpa memiliki (membeli) stikernya di LINE loh.

Tanpa panjang lebar lagi, berikut adalah langkah-langkahnya:
  1. Cari tahu ID stiker yang kalian inginkan
    Untuk aplikasi LINE di ponsel:
    • Geser layar ke tab More di paling kanan ()
    • Jika kalian sudah memiliki stikernya:
      - Klik ikon Settings di kanan atas ()
      - Klik menu Stickers pada seksi Shops ()
      - Klik menu My Stickers pada seksi Stickers
      - Klik pada salah satu stiker yang diinginkan
    • Jika kalian belum memiliki stikernya:
      - Klik ikon Sticker Shop di bawah ()
      - Cari stiker yang diinginkan
      - Klik gambar stiker tersebut
    • Kalian akan sampai pada halaman Sticker Details
    • Klik ikon Share di kanan atas ()
    • Pilih salah satu aplikasi, misalnya saja Messaging
    • Pada aplikasi yang terbuka, perhatikan tautan (link) yang muncul
    • Angka pada bagian akhir tautan tersebut adalah IDnya
      Pada contoh di bawah ini, maka IDnya adalah 7260
    Untuk pengguna komputer (PC) atau jika melalui peramban (browser) di ponsel:
    • Buka situs LINE Store di store.line.me
    • Cari stiker yang diinginkan
    • Klik gambar stiker tersebut
    • Kalian akan sampai pada halaman Sticker Details
    • Perhatikan alamat URL yang muncul
    • Angka pada bagian akhir tautan tersebut adalah IDnya
      Pada contoh di bawah ini, maka IDnya adalah 7260

  2. Cari tahu jenis stiker yang kalian inginkan
    LINE memiliki beberapa jenis stiker yang bisa kalian bedakan dengan memperhatikan ikon kecil di sudut kanan bawah gambar stiker tersebut pada halaman Sticker Details. Berikut ini adalah jenis-jenisnya:
      Tanpa ikon: Stiker biasa
      Ikon pengeras suara: Stiker biasa dengan suara
      Ikon panah: Stiker animasi
      Ikon panah dan pengeras suara: Stiker animasi dengan suara
      Ikon petir: Stiker sembul
      Ikon petir dan pengeras suara: Stiker sembul dengan suara
    Pada contoh di bawah ini, maka jenisnya adalah stiker sembul.

  3. Unduh berkas stikernya
    • Untuk jenis stiker biasa, kunjungi:
      dl.stickershop.line.naver.jp/products/0/0/1/[ID]/iphone/stickers@2x.zip
    • Untuk jenis stiker lainnya, kunjungi:
      dl.stickershop.line.naver.jp/products/0/0/1/[ID]/iphone/stickerpack@2x.zip
    Jika tautan di atas tidak berfungsi, Anda juga dapat mencoba mengunduhnya melalui situs aman berikut:
    • Untuk jenis stiker biasa:
      https://stickershop.line-scdn.net/stickershop/v1/product/[ID]/
      iphone/stickers@2x.zip
    • Untuk jenis stiker lainnya:
      https://stickershop.line-scdn.net/stickershop/v1/product/[ID]/
      iphone/stickerpack@2x.zip
    Ganti [ID] pada tautan di atas dengan ID stiker yang diinginkan.
    Misalkan untuk mengunduh stiker pada contoh di atas, maka halaman yang perlu dikunjungi adalah:
    dl.stickershop.line.naver.jp/products/0/0/1/7260/iphone/stickerpack@2x.zip, atau https://stickershop.line-scdn.net/stickershop/v1/product/7260/iphone/ stickerpack@2x.zip.

    Berkas stiker yang diunduh umumnya berukuran 300 piksel. Jika kalian ingin mengambil ukuran yang lebih kecil agar lebih hemat kuota, kalian bisa mengganti tulisan "iphone" pada tautan di atas menjadi "android", dan hapus tulisan "@2x". Stiker untuk LINE versi Android umumnya berukuran lebih kecil, yaitu sekitar 225 piksel saja.
    Misalkan untuk mengunduh stiker (versi kecil) pada contoh di atas, maka halaman yang perlu dikunjungi adalah:
    dl.stickershop.line.naver.jp/products/0/0/1/7260/android/stickerpack.zip, atau https://stickershop.line-scdn.net/stickershop/v1/product/7260/android/ stickerpack.zip.


    Contoh hasil ekstrak stiker sembul dengan suara

  4. Ekstrak berkas yang baru kalian unduh
    Silakan gunakan program favorit kalian untuk mengekstrak berkas ZIP yang baru saja diunduh.

    Untuk ekstrak di komputer (PC):
    Gunakan program seperti 7-Zip, WinZip, maupun WinRAR. Atau bisa juga dengan aplikasi Compressed folders natif dari Windows.

    Untuk ekstrak di ponsel:
    Gunakan program seperti File Manager dari Cheetah Mobile, atau Root Explorer.

    Informasi lebih lanjut mengenai ZIP dapat kalian baca di artikel Wikipedianya.

  5. Cari gambar stikernya
    Kalian dapat menemukan gambar stikernya pada folder berikut ini:
    • Stiker biasa: . (root)
    • Stiker animasi, baik berusara maupun tidak, versi iPhone: "animation@2x"
    • Stiker animasi, baik berusara maupun tidak, versi Android: "animation"
    • Stiker sembul, baik berusara maupun tidak: "popup"
    Format berkas yang digunakan adalah APNG. Informasi lebih lanjut mengenai APNG dapat kalian baca di artikel Wikipedianya.

    Selain folder yang disebutkan di atas, khusus untuk stiker dengan suara terdapat pula folder "sound". Di sini kalian bisa menemukan klip audio yang digunakan pada stiker tersebut. Format berkas yang digunakan adalah M4A. Informasi lebih lanjut mengenai M4A dapat kalian baca di artikel Wikipedianya.

  6. Selesai!
    Sekarang kalian dapat menggunakan gambar-gambar pada stiker tersebut di manapun. Misalnya saja di blog seperti ini:
     
    Berkas #13010909 dan #13010912 dari ID stiker 1322563 (707 dari Mystic Messenger)
Bagaimana, apakah kalian berhasil melakukannya?

Jika kalian merasa kiriman tutorial ini bermanfaat, mohon bantuannya untuk menyebarkan dan membagikan kiriman ini ke teman-teman kalian. Kalian juga dapat mendukung terus Isamu no Heya agar tetap dapat memberikan kiriman terbaik misalnya dengan cara berdonasi. Informasi selengkapnya dapat dibaca pada halaman Dukung kami.


Informasi mengenai format APNG serta perbedaan APNG dengan GIF


Stiker animasi dan sembul LINE menggunakan format APNG. Format ini adalah format yang kurang umum dipakai untuk gambar beranimasi. Format yang lebih umum adalah GIF. Selain itu, saat kiriman ini diterbitkan, peramban (browser) yang telah lama mendukung format APNG adalah Firefox dan Safari. Sedangkan, Chrome baru mengenali format ini mulai versi 59. Opera telah membuang dukungan format ini per rilis 2008. Sedangkan Internet Explorer dan Edge belum mendukung format ini.

Kalian bisa memeriksa dukungan peramban kalian dengan memperhatikan gambar ini:

Jika muncul tulisan "Your browser supports APNG", maka peramban kalian bisa membaca format APNG. Sedangkan jika yang muncul adalah "Your browser does NOT support APNG", maka peramban kalian tidak bisa membaca format APNG.

Selain dari segi dukungan peramban dan aplikasi pemutar, sebenarnya APNG memiliki beberapa keunggulan yaitu mendukung penuh kanal alpha (transparan), sehingga bisa dibuat gambar animasi yang memiliki gradasi semi-transparan. Sedangkan untuk GIF, hanya mendukung warna solid atau transparan penuh.

Perhatikan contoh gambar di bawah ini:
[GIF]

[APNG]

Berkas gambar yang digunakan di warna putih, hijau, maupun ungu adalah sama. Di sini bisa terlihat bahwa karena GIF tidak mendukung semi-transparan, maka akan ada muncul garis tepi berwarna putih jika ada bayangan. Sedangkan pada APNG hal ini tidak ditemui.

Berikut contoh lainnya:
[GIF]
           
[APNG]
           
Di sini bisa terlihat bahwa karena GIF tidak mendukung semi-transparan, maka jika kita menggunakan berkas yang sama untuk setiap warna latar belakangnya, warnanya menjadi tidak sesuai jika ada gradasi. Untuk mengakalinya, kita harus membuat tiga berkas yang berbeda untuk setiap warna latar belakang. Sedangkan dengan APNG, hal ini dapat diwujudkan hanya dengan satu berkas saja. Tidak peduli apa warna latar belakangnya, gradasinya akan dapat menyesuaikan.

Namun, jika tetap ada kebutuhan untuk menggunakan GIF yang didukung oleh lebih banyak peramban, saya menyarankan untuk menggunakan aplikasi pengkonversi APNG ke GIF dari Animizer di sini. Di sana, kalian juga dapat mengatur kecepatan dan warna latarnya.

Akhir kata,

Terima kasih telah membaca Isamu no Heya, dan nantikan kiriman selanjutnya!