
低品質ミームを作る方法
意図的な劣化の芸術。
アニメーションGIFにカスタムテキストを簡単に追加。ユニークなフォント、色、位置でパーソナライズ。ソーシャルメディアまたはコンテンツの保護に最適。
ここに画像をドロップ
JPG、PNG、GIF、WebP、MP4、WebM、MOV
テキスト変身を見る
GIFにテキストを追加する3ステップ
GIFをアップロード
クリックしてコンピュータからGIFをアップロードするか、ここにドラッグ&ドロップ。
テキストを追加してカスタマイズ
Desiredテキストを入力し、フォント、色、サイズ、位置をカスタマイズしてあなたにスタイルに一致させる。
ダウンロード
追加されたテキストでGIFをプレビューし、デバイスにダウンロード。
よくある質問への回答
GIFはalphaチャンネルサポートがないため、anti-aliasingはパレット tricksを使用:(1)ordered dithering(エッジでの几何学的パターン)、(2)error diffusion dithering(色を隣接に分散)、(3)「halo」効果(ブラックでテキストをレンダリングしてから白で、差分をマスクとして使用)。当社のツールはテキストサイズに基づいて自動的に選択—大きいテキストはより滑らかなエッジのためにerror diffusionを使用。
Canvas APIレンダリング経由でTTF、OTF、WOFF、およびWOFF2をサポート。システムフォントはOSから列挙。フォントの太さは保持—Inter BoldはInter Regularとは異なってレンダリング。フォントの読み込みに失敗した場合(CORS問題)、Arialにフォールバック。
キーフレーム経由でper-frameテキスト位置決めをサポート。各テキストレイヤーには:(1)初期位置、(2)特定のフレーム番号でのキーフレーム位置、(3)補間モード(線形、ease-in、ease-out)。複雑なモーションパスはJSONとしてエクスポートして再インポート必要。単純なparallax効果には、10フレームでY位置を±5px調整。
GIFはper-pixel alphaではなく1つの透明色インデックスを使用。テキストのanti-aliasingピクセルがテキスト色と透明の間にある場合、中間のピクセルはテキスト色または透明のいずれかにマッピング—锯歯のようなエッジを作成。「Snap to opaque」オプションを使用して、テキストを背景色で最初にレンダリングしてから、透明インデックスとして設定。
GIF最適化効果:stroke(設定可能なピクセル幅の輪郭、anti-aliasedなし)、drop shadow(ガウスブラーでのオフセット付き)、inner shadow(テキスト境界内のstroke)、およびglow(背後のブラーを伴う複製レイヤー)。per-pixel alpha(ソフトシャドウ、グラデーション)を必要とする効果はGIFで適切にディザ링しない—控えめに使用し、小さな半径で。
GIFパレットは256色に制限。あなたの選んだ色がパレットにない場合、Floyd-Steinbergを使用してディザリングこれは大きなテキスト領域でテクスチャのある外観を作成。「パレットサンプリング—支配的なGIF色を抽出し、十分なコントラスト(WCAG 4.5:1比率)を持つ補完的なテキスト色を提案。」
読むのをやめる。混沌を作り始めよう。