Engineers and community contributors can submit technical blogs, conference talks, and video recordings through standard Git pull requests.
- Image Specifications & Dimensions Guide
- Contributing Blogs
- Contributing Conference Talks
- Contributing Videos
- How to Add and Reference Images
- Review Checklist
To ensure consistent visuals, crisp rendering on high-DPI displays, and optimal page load performance across desktop and mobile devices, adhere to the following image dimensions and aspect ratios:
| Content Type | Recommended Dimensions | Aspect Ratio | Storage Directory | Front Matter Key | Fallback / Notes |
|---|---|---|---|---|---|
| All Blogs (Featured, Grid & Post Pages) | 1467 × 1072 px | 1467 : 1072 (~1.37:1 / 4:3) | assets/images/blogs/ |
image: /assets/images/blogs/<name>.png |
Standardized across featured hero, 3-column blog grid, and individual blog post headers. Falls back to featured-default.png. Set featured: true to highlight on homepage. Supports optional external_url to link the card out to a third-party article instead of hosting it locally. |
| In-Article Diagrams / Plots | Width: 1200 – 1920 px (Height flexible) | Flexible | assets/images/blogs/ |
Embedded in body Markdown | Use crisp PNG or SVG for block diagrams, schematics, waveforms, and architecture charts. |
| Conference Talks | 1280 × 720 px or YouTube HQ | 16:9 | YouTube CDN or assets/images/talks/ |
image: "https://img.youtube.com/vi/<ID>/hqdefault.jpg" |
Standard presentation slide / title cover. Automatically displays YouTube thumbnail or local custom image. |
| Technical Videos | 1280 × 720 px or TI/Brightcove CDN | 16:9 | assets/images/videos/ or CDN |
image: /assets/images/videos/<name>.png |
Clean 16:9 video preview without play overlays. Supports external_url, source: "TI.com", and video_embed. |
- Formats: Use
.png(ideal for diagrams, text, and vector-style graphics) or.jpg/.webp(ideal for photography and complex gradients). - Compression: Keep image file sizes under 500 KB (or max 1 MB for high-resolution graphics) using tools like TinyPNG, ImageOptim, or
oxipng. - Naming Convention: Use lowercase alphanumeric characters and hyphens (e.g.
blog-am62x-power.png,talk-zephyr-rtos.png,diagram-rpmsg-flow.png).
- Create a branch:
git checkout -b feature/my-new-blog
- Copy the blog template:
cp docs/blog-template.md _posts/YYYY-MM-DD-short-title.md
- Add Cover Image:
- Save your cover image to
assets/images/blogs/your-blog-image.png. - Recommended size: 1467 × 1072 px (standard aspect ratio used across all cards and article headers).
- Save your cover image to
- Fill in the Front Matter:
--- layout: post title: "Your Engineering Blog Title" author: "Sitara MPU Software Team" date: 2026-09-05 categories: [Linux, Power] tags: [AM62x, CPUIdle, Power Management] description: "A practical look at power optimization techniques on AM62x." featured: false # Set to true to highlight as Featured Blog on the homepage and blog page image: /assets/images/blogs/your-blog-image.png external_url: "https://example.com/original-article" # Optional: link out to a third-party/external article instead of hosting it on this site ---
- Write Article in Markdown: Include code blocks, diagrams, and section headings.
- Linking to an external/third-party article: If you're featuring an article that already lives elsewhere (e.g. a partner or third-party engineering blog) and don't want to duplicate its content here, set
external_urlin the front matter to that article's URL. On the/blog/listing page, the featured card and grid card's thumbnail, title, and "Read article"/"Read full article" button will all link directly toexternal_urland open it in a new tab instead of this site's own post page. Keep the Markdown body to a short one-line note (e.g. "This article was originally published on the XYZ engineering blog. Read the full article at the link above.") for the rare case someone navigates directly to the internal post URL — do not reproduce the external article's content here. Ifexternal_urlis omitted, the card links to the post's own internal page as before.
- Linking to an external/third-party article: If you're featuring an article that already lives elsewhere (e.g. a partner or third-party engineering blog) and don't want to duplicate its content here, set
- Submit Pull Request: Open a PR against
main.
- Create a branch:
git checkout -b feature/my-conference-talk
- Copy the talk template:
cp docs/talk-template.md _talks/short-talk-slug.md
- Add YouTube Thumbnail or Cover Image:
- Use YouTube thumbnail format:
image: "https://img.youtube.com/vi/<YOUTUBE_ID>/hqdefault.jpg" - Or save local image to
assets/images/talks/talk-slug.png(1280 × 720 px, 16:9).
- Use YouTube thumbnail format:
- Fill in the Front Matter:
--- layout: talk title: "Scaling Secure Boot with U-Boot Binman" category: "Security" # Options: Linux, DSP, Security, Zephyr, Power, Industrial, Graphics conference: "Embedded Linux Conference (ELCE)" year: 2026 speaker: "Engineer Name" description: "How U-Boot Binman and HSM signing enable scalable secure boot image creation." slides: "https://example.com/slides.pdf" # Link to presentation slides (PDF/hosted) youtube: "https://www.youtube.com/watch?v=VIDEO_ID" # Link to recording image: "https://img.youtube.com/vi/VIDEO_ID/hqdefault.jpg" # 16:9 thumbnail ---
- Add Description and Key Takeaways in the Markdown body.
- Submit Pull Request: Open a PR against
main.
- Create a branch:
git checkout -b feature/my-new-video
- Copy the video template:
cp docs/video-template.md _videos/short-video-slug.md
- Add Thumbnail:
- Save video preview image to
assets/images/videos/your-video-name.png(16:9 aspect ratio).
- Save video preview image to
- Fill in the Front Matter:
--- layout: video title: "Integrated Wired and Wireless Linux Networking" category: Networking # Options: Automotive, Edge AI, Industrial, Linux, Networking year: 2026 speaker: "Texas Instruments" description: "Technical walkthrough of wired and wireless Linux networking using the AM64x starter kit." external_url: "https://www.ti.com/video/6258686532001" # Or YouTube URL source: "TI.com" video_embed: "https://players.brightcove.net/3816841626001/d0PyGHVSu_default/index.html?videoId=6258686532001" # Optional embed thumbnail: "/assets/images/videos/your-video-name.png" image: "/assets/images/videos/your-video-name.png" featured: false ---
- Add Context in the Markdown body.
- Submit Pull Request: Open a PR against
main.
- Save your cover image into
assets/images/blogs/(e.g.assets/images/blogs/my-feature.png) with 1467 × 1072 px dimensions. - In the Markdown file's YAML front matter, reference it with an absolute root-relative path:
image: /assets/images/blogs/my-feature.png
- Save diagram/screenshot files into
assets/images/blogs/(e.g.assets/images/blogs/my-architecture-diagram.png). - In your Markdown body, embed the image using standard Markdown syntax:

- (Optional) For centered images with captions:
<figure style="text-align: center; margin: 24px 0;"> <img src="/assets/images/blogs/my-architecture-diagram.png" alt="Architecture Overview" style="max-width: 100%; height: auto; border-radius: 6px;"> <figcaption style="font-size: 13.5px; color: #666; margin-top: 8px;">Figure 1: Sitara RPMsg inter-core communication buffer architecture.</figcaption> </figure>
- Use YouTube thumbnail:
image: "https://img.youtube.com/vi/<YOUTUBE_ID>/hqdefault.jpg" - Or save custom 16:9 image to
assets/images/talks/(e.g.assets/images/talks/elce-2026-power.png).
- Save 16:9 preview screenshot to
assets/images/videos/my-video.png. - Set
image:andthumbnail:in_videos/my-video.mdfront matter:image: /assets/images/videos/my-video.png thumbnail: /assets/images/videos/my-video.png
Before submitting your pull request, verify the following items:
- Image Specifications: Blog images use standard 1467 × 1072 px dimensions. Talk/video images use 16:9 aspect ratio.
- File Size: Images and assets are optimized and compressed (under 500 KB whenever possible).
- Technical Review: Architecture details, register names, and commands are accurate.
- No Confidential Information: Content contains only public, non-restricted material.
- Claims Verified: Product capabilities and performance figures align with official Sitara collateral.
- Links & Embeds: YouTube IDs, Brightcove video IDs, slide deck URLs, and external links (including blog and video
external_urlvalues) resolve properly and open correctly in a new tab. - Attribution: Speaker and author credits are accurate.
- Chronological Order: The
yearfront matter is set correctly; the talks page sorts entries byyear(newest first), so no manual reordering is needed.