Product Hunt लॉन्च GIF और गैलरी स्पेक्स

Product Hunt थंबनेल का साइज़ क्या है, और क्या यह GIF हो सकता है?

थंबनेल वह छोटा स्क्वेयर है जो फ़ीड में और आपके लॉन्च पेज पर प्रोडक्ट के नाम के बगल में दिखता है। Product Hunt के help center के अनुसार स्क्वेयर डाइमेंशन सबसे अच्छे रहते हैं, और वह 240×240 पिक्सेल सुझाता है।

यह एनिमेटेड हो सकता है। Product Hunt कहता है कि आप थंबनेल के लिए GIF इस्तेमाल कर सकते हैं, बशर्ते वह 3 MB से छोटा हो और बहुत ज़्यादा "flashy" (चमक-दमक वाला) न हो। इसलिए लॉन्च पेज पर थंबनेल ही वह एक जगह है जहाँ लूप होता मैस्कॉट या एनिमेटेड लोगो सीधे फ़ीड में दिखता है।

240 पिक्सेल के स्क्वेयर के लिए 3 MB की लिमिट काफ़ी है। इस साइज़ पर किसी सिंपल लूप के कुछ सेकंड आमतौर पर इससे काफ़ी कम रहते हैं, जिससे भारी compression artifacts के बिना स्मूद मोशन की गुंजाइश बचती है।

थंबनेल GIF कब एनिमेट होता है?

सिर्फ़ hover पर। Product Hunt कहता है कि GIF "सिर्फ़ पोस्ट पर hover करते समय एनिमेट होंगे।" जो भी आपकी पोस्ट पर pointer ले जाए बिना स्क्रॉल करके आगे बढ़ता है, उसे एक स्थिर फ़्रेम दिखता है, और टच डिवाइस पर hover होता ही नहीं।

इससे लूप बनाने का तरीका बदल जाता है:

• पहले फ़्रेम को पूरी इमेज बनाएँ। पहले फ़्रेम में पूरा कैरेक्टर या लोगो बीच में और साफ़ दिखना चाहिए, खाली शुरुआत या बीच की मोशन का धुँधलापन नहीं।
• असली मोशन जल्दी दिखाएँ। hover थोड़ी देर का ही होता है। धीरे-धीरे बनने वाली मोशन की तुलना में पहले सेकंड का wave, hop या blink देखे जाने की संभावना ज़्यादा होती है।
• लूप बिना झटके के रखें। अगर आखिरी फ़्रेम कूदकर पहले पर लौटता है, तो जब तक कोई पढ़ रहा होता है, वह झटका हर साइकिल में दोहराया जाता है।

Product Hunt यह भी चेतावनी देता है कि strobing इफ़ेक्ट, तेज़ कट या न पढ़े जा सकने वाले टेक्स्ट वाले GIF की सलाह नहीं दी जाती और Product Hunt टीम उन्हें एडिट कर सकती है। मैस्कॉट का शांत idle या attention लूप इन नियमों में अच्छी तरह फ़िट होता है; स्क्रीनशॉट का तेज़ montage नहीं।

गैलरी इमेज का साइज़ क्या है, और मुझे कितनी चाहिए?

Product Hunt गैलरी इमेज के लिए 1270×760 सुझाता है। गैलरी दिखने से पहले उसमें कम से कम दो इमेज होनी चाहिए, और आप एक साथ कई इमेज अपलोड कर सकते हैं।

गैलरी वह जगह है जहाँ आप प्रोडक्ट समझाते हैं, इसलिए हर इमेज में एक ही बात रखें:

1. एक हीरो इमेज: प्रोडक्ट का नाम, एक लाइन का वादा और आपका मैस्कॉट या लोगो।
2. मुख्य वर्कफ़्लो एक स्क्रीनशॉट में, छोटे कैप्शन के साथ।
3. before/after या input/output की एक जोड़ी।
4. कीमतें या "यह किसके लिए है", अगर यह सवाल अक्सर पूछा जाता है।

1270×760 का कैनवस लगभग 5:3 होता है। अगर आपके एनिमेशन रेंडर स्क्वेयर हैं (जैसे 1080×1080), तो उन्हें खींचने के बजाय कैरेक्टर को एक तरफ़ और headline को दूसरी तरफ़ रखें। गैलरी की हीरो इमेज के लिए एनिमेशन से एक स्टिल फ़्रेम एक्सपोर्ट करें, ताकि थंबनेल और गैलरी में एक ही पोज़ और रंग रहें।

क्या मैं लॉन्च वीडियो जोड़ सकता हूँ, और कौन से लिंक चलते हैं?

हाँ, लेकिन सिर्फ़ YouTube से। Product Hunt के help center के अनुसार वीडियो के लिए "सिर्फ़ YouTube लिंक सपोर्टेड हैं", आपको पूरा URL पेस्ट करना चाहिए क्योंकि छोटे किए गए लिंक लोड नहीं होंगे, और लॉन्च से पहले पक्का कर लें कि वीडियो private पर सेट न हो।

काम की बातें:

• कुछ दिन पहले अपलोड करें। Product Hunt लॉन्च से पहले अपलोड करने की सलाह देता है। इससे YouTube को ज़्यादा रेज़ोल्यूशन प्रोसेस करने का समय मिल जाता है।
• watch URL इस्तेमाल करें। youtube.com/watch?v=... वाला पता कॉपी करें, youtu.be वाला share लिंक नहीं।
• प्रीव्यू के लिए unlisted चलता है, बशर्ते वह private न हो। इसे logged-out ब्राउज़र विंडो में जाँच लें।
• शुरुआत प्रोडक्ट से करें। छोटा ब्रांडेड sting ठीक है, लेकिन पहले कुछ सेकंड में ही प्रोडक्ट दिखाएँ।

Product Hunt वीडियो फ़ाइलें सीधे होस्ट नहीं करता, इसलिए आपके मैस्कॉट का MP4 लॉन्च पेज तक सिर्फ़ YouTube के ज़रिए पहुँचता है। थंबनेल GIF ही एकमात्र एनिमेशन है जिसे सीधे अपलोड किया जाता है।

स्क्वेयर MP4 को 3 MB से छोटे 240×240 GIF में कैसे बदलें?

किसी स्क्वेयर, बिना झटके वाले लूप से शुरू करें, जैसे 1080×1080 MP4। FFmpeg का दो-स्टेप वाला palette तरीका सीधे कन्वर्ज़न की तुलना में कहीं बेहतर GIF रंग देता है: palettegen क्लिप से 256 रंगों का palette बनाता है और paletteuse हर फ़्रेम को उसी पर मैप करता है।

ffmpeg -t 3 -i idle.mp4 \
  -vf "fps=15,scale=240:240:flags=lanczos,split[a][b];[a]palettegen[p];[b][p]paletteuse" \
  -loop 0 ph-thumbnail.gif

• -t 3 पहले 3 सेकंड रखता है; अगर पूरा लूप छोटा है तो इसे हटा दें।
• fps=15 थंबनेल के लिए काफ़ी है और फ़्रेम की संख्या कम रखता है।
• scale=240:240:flags=lanczos एक शार्प फ़िल्टर से रीसाइज़ करता है।
• -loop 0 GIF muxer को हमेशा लूप करने के लिए कहता है।

नतीजे को ls -lh ph-thumbnail.gif से जाँचें। अगर यह 3 MB से ज़्यादा है, तो fps को 12 करें, क्लिप छोटी करें, या palettegen=max_colors=128 जोड़ें। सादे बैकग्राउंड gradient की तुलना में कहीं बेहतर compress होते हैं, इसलिए मैस्कॉट के पीछे एक ठोस रंग का बैकग्राउंड मदद करता है।

240 पिक्सेल पर एनिमेटेड मैस्कॉट को साफ़ कैसे दिखाएँ?

240 पिक्सेल पर, और मोबाइल फ़ीड में इससे भी छोटे साइज़ पर, बारीकियाँ गायब हो जाती हैं। इसलिए कैरेक्टर की बाहरी आकृति (silhouette) को ध्यान में रखकर डिज़ाइन करें:

• स्क्वेयर को भर दें। ऐसे crop करें कि कैरेक्टर फ़्रेम का ज़्यादातर हिस्सा घेरे। इस साइज़ पर खाली जगह बेकार जाती है।
• GIF में टेक्स्ट न डालें। आपके प्रोडक्ट का नाम पहले से थंबनेल के बगल में होता है, और छोटा टेक्स्ट उन चीज़ों में से है जिन्हें Product Hunt flag करता है।
• एक साफ़ मोशन रखें। एक उछाल, हाथ हिलाना या पलक झपकना, एक-दूसरे पर चढ़े कई मूवमेंट से बेहतर समझ में आता है।
• ठोस, कंट्रास्ट वाला बैकग्राउंड रखें। GIF की transparency 1-bit होती है, इसलिए नरम किनारे पेज पर टेढ़े-मेढ़े दिखते हैं। ठोस रंग इस fringe से बचाता है।

अगर आपके पास पहले से मैस्कॉट या लोगो है, तो Charmotion सोर्स लूप बना सकता है: इमेज अपलोड करें और कुछ ही मिनटों में 17 एनिमेशन पाएँ, फिर हर एक को लगभग एक मिनट में 480 पिक्सेल GIF प्रीव्यू के साथ 1080×1080, 60 fps MP4 के रूप में एक्सपोर्ट करें। पेड प्लान के हर सेट में MP4 और GIF शामिल हैं, जो थंबनेल, गैलरी स्टिल और एक YouTube वीडियो के लिए काफ़ी है।

मैस्कॉट एनिमेशन से Product Hunt लॉन्च विज़ुअल कैसे तैयार करें

1. शांत लूप चुनें. बिना रुकावट चलने वाला idle, wave या attention लूप चुनें, जिसका पहला फ़्रेम दमदार हो और जिसमें चमकती फ़्लैशिंग न हो।
2. थंबनेल GIF बनाएँ. FFmpeg के palettegen और paletteuse फ़िल्टर से स्क्वेयर MP4 को लगभग 15 fps पर 240×240 GIF में बदलें।
3. साइज़ जाँचें. पक्का करें कि GIF 3 MB से छोटा है; अगर नहीं, तो frame rate, क्लिप की लंबाई या palette साइज़ कम करें।
4. गैलरी इमेज बनाएँ. कम से कम दो 1270×760 इमेज बनाएँ, शुरुआत एक हीरो इमेज से करें जिसमें मैस्कॉट का स्टिल फ़्रेम दोबारा इस्तेमाल हो।
5. वीडियो YouTube पर अपलोड करें. लॉन्च से पहले अपलोड करें, उसे public या unlisted पर सेट करें, और पूरा watch URL Product Hunt में पेस्ट करें।

अक्सर पूछे जाने वाले सवाल

क्या Product Hunt थंबनेल GIF ऑटोप्ले होता है?

नहीं। Product Hunt के अनुसार थंबनेल GIF सिर्फ़ तभी एनिमेट होते हैं जब कोई पोस्ट पर hover करे। बाकी सभी, जिनमें ज़्यादातर मोबाइल विज़िटर भी शामिल हैं, एक स्थिर फ़्रेम देखते हैं, इसलिए पहला फ़्रेम अपने आप में आपके लोगो या मैस्कॉट की साफ़, बीच में रखी इमेज होना चाहिए।

क्या मैं Product Hunt पर MP4 अपलोड कर सकता हूँ?

लॉन्च वीडियो के रूप में नहीं। Product Hunt वीडियो के लिए केवल YouTube लिंक सपोर्ट करता है। लिंक छोटा किया हुआ नहीं, पूरा URL होना चाहिए, और वीडियो private नहीं होना चाहिए। पहले अपना MP4 YouTube पर अपलोड करें, फिर watch URL अपने लॉन्च में पेस्ट करें।

अगर मेरा GIF बहुत ज़्यादा चमक-दमक वाला हो तो क्या होगा?

Product Hunt के अनुसार strobing इफ़ेक्ट, तेज़ कट या न पढ़े जा सकने वाले टेक्स्ट वाले GIF की सलाह नहीं दी जाती, और उसकी टीम उन्हें एडिट कर सकती है। एक साफ़ मोशन वाला हल्का, सहज लूप इस्तेमाल करें, छोटा टेक्स्ट न रखें, और फ़ाइल 3 MB की सीमा से कम रखें।

क्या गैलरी में 1270×760 के अलावा कोई और साइज़ इस्तेमाल हो सकता है?

Product Hunt 1270×760 की सलाह देता है, इसलिए दूसरे साइज़ क्रॉप हो सकते हैं या उनके किनारों पर काली पट्टियाँ आ सकती हैं। ठीक इसी साइज़ में डिज़ाइन करना और मुख्य कंटेंट को किनारों से दूर रखना, लॉन्च पेज पर आपकी गैलरी इमेज के दिखने को कंट्रोल करने का सबसे सुरक्षित तरीका है।

इस गाइड से झटपट जवाब

• क्या Product Hunt का थंबनेल GIF हो सकता है?
• Product Hunt गैलरी इमेज का साइज़ क्या होता है?

स्रोत

• How to pick a thumbnail and gallery images, Product Hunt Help Center
• FFmpeg filters documentation (palettegen, paletteuse, scale, pad), FFmpeg
• FFmpeg formats documentation (gif and mov/mp4 muxers), FFmpeg