diff --git a/_images/ImageFormat_2.png b/_images/ImageFormat_2.png new file mode 100644 index 0000000..f697f3c Binary files /dev/null and b/_images/ImageFormat_2.png differ diff --git a/_images/ImageFormat_3.png b/_images/ImageFormat_3.png new file mode 100644 index 0000000..a4f4901 Binary files /dev/null and b/_images/ImageFormat_3.png differ diff --git a/_images/ImageFormat_4.png b/_images/ImageFormat_4.png new file mode 100644 index 0000000..3dc929d Binary files /dev/null and b/_images/ImageFormat_4.png differ diff --git a/_images/ImageFormat_5.png b/_images/ImageFormat_5.png new file mode 100644 index 0000000..2893b02 Binary files /dev/null and b/_images/ImageFormat_5.png differ diff --git a/_sources/format.md b/_sources/format.md index 3a79023..0fc0a60 100644 --- a/_sources/format.md +++ b/_sources/format.md @@ -3,17 +3,27 @@ Light microscopy images in publications can rapidly communicate useful details if they are prepared to be information dense, clean and containing the most important information/metadata the audience needs to see at a glance. A set of simple processing rules can focus the audience’s attention to the most relevant parts that are crucial for understanding the experiment and/or results. Consult the steps below to start your journey to create understandable and reproducible figures. ```{note} -````{dropdown} Focus on relevant content + +````{dropdown} Focus on relevant content - Crop empty/irrelevant pixels to focus the audience’s attention. Rotate images where required, ideally in 90 degree increments. Resize images to fit the intended panel size. -´´´´ -- Separate individual images +```` + +````{dropdown} Separate individual images - A border between individual images makes distinction easier reducing the risk of confusion and mix up bot for the author and the audience. -- Show example image used for quantifications - - Provide context and a dash of accountability by complementing a graph of results with one of the quantified images. -- Indicate position of zoom-view/inset in full-view/original image - - When the big picture is as important as the small details, show both. An indication of the position of the detailed image that must be highlighted to the audience is a valuable tool. -- Show images of the range of described phenotype +```` + +````{dropdown} Show example image used for quantifications + - Provide context and a dash of accountability by complementing a graph of results with one of the quantified images. +```` + +````{dropdown} Indicate position of zoom-view/inset in full-view/original image + - When the big picture is as important as the small details, show both. An indication of the position of the detailed image that must be highlighted to the audience is a valuable tool. +```` + +````{dropdown} Show images of the range of described phenotype - As tempting as it may be to cherry pick the image that shows the nicest or most representative case, show the audience a flavor of everything: the good, the bad and the ugly. +```` + ``` diff --git a/format.html b/format.html index 4e691b5..db1a8b1 100644 --- a/format.html +++ b/format.html @@ -397,38 +397,64 @@

Image formatNote

-_images/ImageFormat_1.png Focus on relevant content
+_images/ImageFormat_1.png Focus on relevant content
+
+
+
+
+
    +

  • Crop empty/irrelevant pixels to focus the audience’s attention. Rotate images where required, ideally in 90 degree increments. Resize images to fit the intended panel size.

    • +
+
+
+
+ +_images/ImageFormat_2.png Separate individual images
    -

  • Crop empty/irrelevant pixels to focus the audience’s attention. Rotate images where required, ideally in 90 degree increments. Resize images to fit the intended panel size. -´´´´

    • -

  • _images/blank.png Separate individual images

    -

    • A border between individual images makes distinction easier reducing the risk of confusion and mix up bot for the author and the audience.

    -
    • -

  • _images/blank.png Show example image used for quantifications

    -
      +
+
+ +_images/ImageFormat_3.png Show example image used for quantifications
+
+
+
+
+

  • Provide context and a dash of accountability by complementing a graph of results with one of the quantified images.

- -

  • _images/blank.png Indicate position of zoom-view/inset in full-view/original image

    -
      +
    • +
    + +_images/ImageFormat_4.png Indicate position of zoom-view/inset in full-view/original image
    +
    +
    +
    +
    +

    • When the big picture is as important as the small details, show both. An indication of the position of the detailed image that must be highlighted to the audience is a valuable tool.

    - -

  • _images/blank.png Show images of the range of described phenotype

    -
      +
    • +
    + +_images/ImageFormat_5.png Show images of the range of described phenotype
    +
    +
    +
    +
    +

    • As tempting as it may be to cherry pick the image that shows the nicest or most representative case, show the audience a flavor of everything: the good, the bad and the ugly.

    - -
    -
    - +
    
+<!--Notes which will not be shown on the actual page-->
+
    +