Tips dan Trik Mengunggah Gambar di Kompasiana Baru

Beberapa hari ini, saya menemukan cukup banyak pengaduan dari Kompasianers yang mengalami gagal unggah gambar untuk tulisan. Pengaduan itu datang dari tulisan maupun komentar. Memang sempat mengalami kendala teknis lantaran sistem penyimpanan yang kami lakukan dikelompokkan berdasarkan kapan proses unggah itu dilakukan dan dimasukkan kedalam struktur direktori folder. Bugs yang kami temukan adalah adanya perbedaan "timezone" antara proses penyimpana dan penyajian data. Kami baru menyadari bahwa proses penyimpanan masih menggunakan format UTC, sementara proses penyajian menggunakan format GMT+7, ada selisih 7 jam. Ini yang menyebabkan terkadang gambar tidak keluar karena tersimpan di tanggal sebelumnya selisih satu hari. Kejadian ini biasanya terjadi di pertengahan malam disaat pergantian tanggal, dan berlangsung selama kurang lebih 7 jam lamanya. Kabar baiknya kami sudah melakukan revisi atas isu ini. Mohon maaf atas ketidak nyamanannya.

Untuk menyajikan gambar secara sempurna ke dalam tulisan, saya mencoba memberikan tips dan trik mengunggah gambar. Berikut langkah-langkahnya:

1. Pastikan tipe file yang akan diunggah diizinkan oleh sistem. Sistem baru mengizinkan tipe file jpg, jpeg, png, dan gif. (mandatory)

2. Pastikan ukuran file tidak melebihi dari 2 MB. (mandatory)

3. Setelah 2 poin di atas sudah dipenuhi, klik tombol berikut di teks editor

[caption caption="Tombol Insert Gambar di Teks Editor Kompasiana"][/caption]

*Ada di Cover gambarnya

4. Akan muncul popup untuk memilih file dari lokal device anda yang akan diunggah. Sebelum memilih file, sebaiknya anda mengubah nama file terlebih dahulu. Ini penting agar file gambar anda akan ke indeks oleh Google Image.

[caption caption="Tombol untuk memilih file di lokal device anda"]

[/caption]

5. Setelah memilih file, klik tombol "Upload" di bawahnya, dan tunggu sampai proses unggah selesai.

[caption caption="Tomboh unggah gambar"]

[/caption]

6. Setelah berhasil mengunggah gambar, akan muncul di bawahnya informasi pendukung sebuah gambar. Ada baiknya anda mengisi informasi berikut:

- Title: Informasi sebuah gambar. Ini juga penting buat konsumsi mesin pencari dan ketika gambar anda dihover (disorot), informasi dari title inilah yang akan keluar.

- Caption: Catatan kaki sebuah gambar yang akan diletakkan persis di bawah gambar dan otomatis akan diatur oleh layout Kompasiana Baru.

- Description: Ini hanya untuk kebutuhan database sistem.

[caption caption="Gambar yang berhasil diunggah, dan informasi pendukung yang sebaiknya diisi." ]

[/caption]

7. Melanjutkan poin ke 6, scroll ke bawah dan anda akan menemukan pengaturan posisi dan ukuran gambar yang akan disajikan.

- Alignment: untuk menentukan posisi gambar akan diletakkan di sisi kiri, tengah, atau kanan.

- Size: ada 3 ukuran yang tersedia yakni Thumbnail (w=300), Medium (w=600), Full Size (w=600). Layout akan menentukan height secara otomatis dan proporsional.

- Save Changes: jika semuanya sudah oke, klik tombol ini dan tunggu sampai ada "alert" berhasil.

[caption caption="Pengaturan posisi dan ukuran gambar" ]

[/caption]

8. Setelah ada "alert", sebuah tanda bahwa gambar berhasil disimpan dengan semua informasi dan pengaturannya, akan muncul tombol "Insert into post" di sebelah tombol "Save Changes". Jika anda menginginkan gambar langsung disisipkan ke dalam gambar, maka klik tombol "Insert into post", tetapi jika anda hanya ingin sekedar upload dan akan digunakan dikemudian hari, anda cukup tutup popup tersebut.

[caption caption="Tombol untuk menyisipkan gambar ke tulisan" ]

[/caption]

9. Saya asumsikan anda langsung menyisipkan gambar ke dalam tulisan dengan meng-klik tombol "Insert into post". Maka popup otomatis akan ke tutup, dan gambar sudah ada di teks editor anda. Jika anda mengisi "Caption" seperti di poin 6, jangan kaget akan muncul kode-kode aneh di teks editor anda. Seperti gambar berikut yang saya tandai dengan kotak merah. Jangan dibuang. Biarkan saja. (embed caption masih belum smooth, nanti diperbaiki)

[caption caption="Gambar berhasil disisipkan ke dalam tulisan dengan "Caption" di bawahnya." ]

[/caption]

10. Jika di poin 8 anda memilih menutup popup, anda masih bisa menyisipkan gambar dari koleksi galeri gambar yang pernah anda unggah sebelumnya dengan meng-klik menu "Media library" dan klik "SHOW" setelah meng-klik tombol seperti di poin 3.

[caption caption="Pilih gambar dari galeri anda" ]

 

[/caption]

11. Setelah meng-kilk "SHOW", akan muncul informasi gambar yang sudah anda isi sebelumnya seperti di poin 6, 7, 8. Anda langsung bisa menyisipkan gambar dengan meng-klik tombol "Insert into post".

[caption caption="Menyisipkan gambar dari galeri gambar yang sudah anda unggah sebelumnya" ]

[/caption]

12. Dan terakhir, simpan atau tayangkan tulisan anda.

[caption caption="Tombol Simpan atauTayangkan tulisan beserta indikator berhasil" ]

[/caption]

 

Catatan:

Tutorial ini dibuat menggunakan aplikasi qSnap. Cara menginstallnya dengan membuka https://chrome.google.com/webstore/category/apps

[caption caption="Install qSnap dari halaman Google Chrome Apps" ]

[/caption]