How you take screenshots?
I know it might sound naive but I'm having a hard time taking good screenshots for the landing page. The ones I take from my laptop are not good enough to upload on the website. You basically can't read the content on it and looks blurry.
I don't have any photoshop skills but am I missing out on a simple workaround? When I see some landing pages, they are a different level and I wonder how they pull it off.
In Firefox you can do Right Click -> Take a Screenshot and then you can save a specific html block, the visible part of the page or the full page.
Lightshot. The best tool I've used so far.
I second that, it also has some minimal functionality like adding some text, arrows and boxes, all that helps to describe something visually when you need it. I often use it in conjunction with trello to describe a task or a bug, like making a screenshot, adding some visual highlighting what doesnt work like it should and then just pasting it to trello card, its fast and robust for many cases.
I use Cleanshot and it's incredible.
What I've learned is to take a screenshot of the specific feature/area rather than the entire app/site at one time. The text won't be as small. I also usually add a "click to enlarge" feature on my sites if people want to enlarge an image with a lot of text on it.
Not sure what you mean by taking screenshots for "the" landing page. When taking screenshots, I don't think there is any difference between a landing page and any other website. And how are you currently taking screenshots? Are you using the Prntscrn key on your keyboard?
What do Photoshop skills have to do with taking screenshots?
Fireshot is one of the most simple, fast, and powerful screenshot tools I've used. Frequent updates and I've rarely, if ever, experienced any bugs. https://getfireshot.com/
If you want to take a screenshot of a super long webpage, for example a really long reddit or forum thread, 99% of screenshot tools will run out of memory and crash. In the 6+ years I've been using this chrome extension, I don't remember it ever failing regardless of how big the screenshot is. Ideal for capturing fully expanded long conversations, chats, or forum discussions or any super long webpage. https://gofullpage.com/
So I want to take screenshots of the desktop app to showcase features on the landing page. Since I'm using bootstrap, for responsiveness, the images are scaled down which makes it harder to comprehend anything even on a laptop screen. I've changed column size as a workaround.
What are you trying to take pictures of and on what OS? On *NIX for websites I use either Firefox as suggested below, or the import program that comes with ImageMagick, that will work for anything.
Try HTML Screenshot.
If using Safari (with dev tools switched on), Go to Develop>Web Inspector> Right Click on HTML > Select "Screenshot". This should save a full page and high quality screenshot. Now you can crop it to fit your size requirements.
I use Skitch (https://evernote.com/products/skitch ) on Mac.