Lingkaran berdenyut
Animasi skala dengan pusat tetap. Jalur tertutup sederhana dengan empat titik Bézier membantu mengisolasi masalah transformasi.
512 × 512 · 60 FPS · 2 dtk · 394 byte
SVG / TGS / JSON
Contoh file SVG dan TGS untuk Telegram: unduh sumber gratis
Mulailah dengan file kecil yang perilakunya mudah dipahami. Tiga contoh yang dibuat khusus ini menampilkan lingkaran berdenyut, panah bergerak, dan tanda centang statis. Masing-masing menyertakan SVG sumber, file TGS, serta Lottie JSON yang belum dikompresi.
Kartu menampilkan SVG sumber yang statis. Gerakan tersimpan dalam TGS dan JSON, bukan di dalam SVG. Ini adalah contoh pembelajaran yang dibuat secara terprogram, bukan file yang diambil dari unggahan pengguna.
Panah bergerak
Animasi posisi tanpa memutar bentuk. Gambar sumber menyisakan ruang yang cukup untuk gerakan vertikal sejauh 56 piksel.
512 × 512 · 60 FPS · 2 dtk · 381 byte
Tanda centang statis
Jalur terbuka dengan garis berujung bulat dan tanpa gerakan. Gunakan untuk membandingkan ketebalan garis serta membedakan TGS statis dari PNG.
512 × 512 · 60 FPS · 3 dtk · 342 byte
Cara menggunakan contoh
- Unduh SVG dan buka di editor vektor. File berisi satu bentuk, tanpa foto tertanam atau objek teks yang masih dapat diedit sebagai teks.
- Buka konverter, pilih SVG, lalu masuk melalui Telegram. Saat file dipilih, salinan untuk diagnostik dikirim ke layanan; hal ini juga berlaku untuk contoh-contoh ini.
- Pilih gerakan atau mode statis, periksa pratinjau, lalu ekspor TGS. Preset konverter dapat memiliki pengaturan waktu dan gerakan yang berbeda dari TGS pembelajaran yang disediakan di sini.
- Bandingkan hasil ekspor Anda dengan contoh: ukuran kanvas, fr, op, layers, dan properti yang dianimasikan. Kemudian periksa file di Telegram melalui @Stickers.
Apa yang telah diperiksa
Validator proyek memeriksa gzip, JSON, kanvas 512 × 512, 60 FPS, durasi maksimal 3 detik, ukuran terkompresi di bawah 64 KB, dan data bentuk yang didukung. Setiap contoh memiliki satu lapisan tanpa gambar eksternal; nilai animasi pertama dan terakhir sama. Ini adalah pemeriksaan struktur, bukan konfirmasi bahwa setiap file telah diterima oleh server Telegram.
Apa yang perlu diperiksa dalam JSON
Kolom fr menetapkan laju bingkai, op menandai akhir komposisi, dan layers berisi daftar lapisan. Lingkaran menganimasikan skala pada ks.s; panah menganimasikan posisi pada ks.p. Tanda centang memiliki jalur terbuka dengan c bernilai false serta garis tepi yang ditentukan oleh elemen st. Nilai 0 pada a menandakan properti tanpa bingkai kunci.
Gunakan kembali dalam proyek Anda
Tim SVG to TGS membuat ketiga contoh ini. Anda boleh menyalin, mengubah, dan mendistribusikannya kembali, termasuk dalam proyek komersial, tanpa biaya atau kewajiban mencantumkan atribusi. Izin ini hanya berlaku untuk ketiga kumpulan file tersebut; izin tidak mencakup kode sumber situs, logo, atau karya pihak ketiga.
Simpan file sumber
Konverter menerima SVG sumber. Unduhan TGS dan JSON di sini ditujukan untuk pemeriksaan dan perbandingan; konverter tidak dapat mengimpornya kembali. Simpan SVG secara terpisah untuk pengeditan selanjutnya. Sebelum mencoba logo yang rumit, pastikan contoh sederhana dapat melalui alur yang sama hingga selesai di perangkat Anda.